Đóng tab JavaScript

Công nghệ

Ngày 26 tháng 9 năm 2022

Cách đóng tab hiện tại trong cửa sổ trình duyệt bằng JavaScript

   

Sử dụng JavaScript, chúng tôi có thể mở và đóng tab hiện tại trong cửa sổ trình duyệt bằng JavaScript. Ở đây chúng tôi đang sử dụng phương thức close() từ JavaScript để đóng tab hiện tại

 

 
   
  Click to open website
  Click here to close the window
  

 

Trong đoạn mã trên có hai nút “Click to open website” gọi hàm onClick i. mởW(). Trong hàm openW(), chúng tôi đã chuyển liên kết trang web và chiều rộng và chiều cao của cửa sổ được gán cho biến win. Trong chức năng này, nó liên kết trang web bằng cách sử dụng cửa sổ. phương thức open() trong javascript

 

Tương tự, khi bỏ nhấp vào nút “Nhấp vào đây để đóng cửa sổ”, chúng tôi đang gọi hàm sử dụng phương thức close() trong javascript để đóng cửa sổ đã mở

Chúng tôi sử dụng phương thức

Coding Beauty


Try to close the tab or browser

0 để đính kèm trình xử lý sự kiện vào bất kỳ đối tượng DOM nào, chẳng hạn như các phần tử HTML, HTML

Coding Beauty


Try to close the tab or browser

1 hoặc đối tượng window

Sự kiện beforeunload được kích hoạt ngay trước khi cửa sổ, tài liệu và tài nguyên của nó sắp được dỡ xuống. Tại thời điểm này, tài liệu vẫn hiển thị và sự kiện vẫn có thể hủy được

Chúng ta phải gọi preventDefault() trên đối tượng Event mà trình xử lý nhận được để hiển thị hộp thoại xác nhận trong trình duyệt. Phương thức preventDefault() ngăn chặn hành động mặc định của một sự kiện. Đối với sự kiện beforeunload, preventDefault() dừng tải tài nguyên, cửa sổ và tài liệu

Mã JavaScript này sẽ hiển thị hộp thoại xác nhận khi người dùng cố gắng đóng trình duyệt hoặc tab. Đây là một số HTML mẫu để sử dụng JavaScript trong

Coding Beauty


Try to close the tab or browser

9

Coding Beauty


Try to close the tab or browser

Hộp thoại xác nhận hiển thị khi người dùng cố gắng đóng tab. Hộp thoại xác nhận hiển thị khi người dùng cố gắng đóng trình duyệt.

Lưu ý rằng sự kiện beforeunload được kích hoạt không chỉ khi đóng trình duyệt hoặc tab mà còn khi một liên kết được nhấp vào, một biểu mẫu được gửi, nút quay lại/chuyển tiếp được nhấn hoặc trang được làm mới

Một hộp thoại xác nhận được hiển thị khi một liên kết được nhấp vào trang. Hộp thoại xác nhận hiển thị khi người dùng cố làm mới trang.

Đăng ký nhận Bản tin viết mã đẹp

Có được những hiểu biết hữu ích và nâng cao kiến ​​thức phát triển web của bạn với các mẹo và hướng dẫn hàng tuần từ Coding Beauty. Hơn 1.400 nhà phát triển đăng ký

11 Tính năng JavaScript mới tuyệt vời trong ES13

Hướng dẫn này sẽ giúp bạn cập nhật tất cả các tính năng mới nhất được thêm vào trong ECMAScript 13. Những tính năng mới mạnh mẽ này sẽ hiện đại hóa JavaScript của bạn bằng mã ngắn hơn và biểu cảm hơn

Đăng ký và nhận ngay một bản sao miễn phí

Ayibatari Ibaba

Ayibatari Ibaba là nhà phát triển phần mềm có nhiều năm kinh nghiệm xây dựng trang web và ứng dụng. Anh ấy đã viết rất nhiều về nhiều chủ đề lập trình và đã tạo ra hàng chục ứng dụng và thư viện mã nguồn mở

Làm cách nào để đóng một tab trong JavaScript?

Làm cách nào để đóng trình duyệt trong JavaScript?

Làm cách nào để đóng cửa sổ khi nhấp vào nút trong JavaScript?