Tìm kiếm
0398.259.259
Liên hệ
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Kiến thức PHP
Kiến thức MySQL
Kiến thức JavaScript
Kiến thức JQuery
Tên miền
Hosting
Thiết kế website
Giới thiệu
Trang chủ
Trang chủ
Giới thiệu
Thiết kế website
Hosting
Tên miền
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Kiến thức PHP
Kiến thức MySQL
Kiến thức JavaScript
Kiến thức JQuery
Liên hệ
Thiết Kế Website
Thẻ dialog kết hợp javascript trong HTML
Thẻ dialog kết hợp javascript trong HTML
Thẻ dialog kết hợp javascript trong HTML
Tự code rồi chạy thử...
Chạy Thử
<!DOCTYPE html> <html> <head> <title>Thẻ dialog kết hợp javascript trong HTML</title> </head> <body> <h1>Thẻ dialog kết hợp javascript trong HTML</h1> <dialog > <!-- Nội dung của hộp thoại --> <p>Nội dung cửa sổ hộp thoại mở.</p> <button>Đóng</button> </dialog> <p>Thẻ dialog mặc định trong HTML</p> <script> const myDialog = document.querySelector('dialog'); const showButton = document.querySelector('button'); // Giả định có một nút để mở hộp thoại myDialog.showModal(); // Hiện hộp thoại và vô hiệu hóa các phần tử khác // Hoặc myDialog.show(); Hiện hộp thoại và không vô hiệu hóa các phần tử khác const closeButton = myDialog.querySelector('button'); // Giả định có nút đóng bên trong dialog closeButton.addEventListener('click', () => { myDialog.close(); }); </script> </body> </html>
<!DOCTYPE html> <html> <head> <title>Thẻ dialog kết hợp javascript trong HTML</title> </head> <body> <h1>Thẻ dialog kết hợp javascript trong HTML</h1> <dialog > <!-- Nội dung của hộp thoại --> <p>Nội dung cửa sổ hộp thoại mở.</p> <button>Đóng</button> </dialog> <p>Thẻ dialog mặc định trong HTML</p> <script> const myDialog = document.querySelector('dialog'); const showButton = document.querySelector('button'); // Giả định có một nút để mở hộp thoại myDialog.showModal(); // Hiện hộp thoại và vô hiệu hóa các phần tử khác // Hoặc myDialog.show(); Hiện hộp thoại và không vô hiệu hóa các phần tử khác const closeButton = myDialog.querySelector('button'); // Giả định có nút đóng bên trong dialog closeButton.addEventListener('click', () => { myDialog.close(); }); </script> </body> </html>
Thẻ dialog kết hợp javascript trong HTML
nằm trong bài viết
Thẻ dialog trong HTML
Chỉ Đường
Gọi điện
