Đôi khi bạn cần đóng tab hiện tại theo chương trình trong JavaScript. Bạn có thể nghĩ đến việc sử dụng cửa sổ. phương thức đóng cho việc này, nhưng window.close[]
không tự hoạt động trong hầu hết các trình duyệt
Thay vào đó, bạn có thể mở và đóng ngay một cửa sổ trong tab hiện tại
const closeTab = [] => {
window.close[``, `_parent`, ``];
};
Sau đó, bạn chỉ có thể gọi chức năng trên vì nó là. closeTab[]
Đây là một biến thể một lớp lót
const closeTab = [] => window.close[``, `_parent`, ``];
Phần kết luận
Đôi khi bạn cần đóng tab hiện tại từ bên trong ứng dụng của mình. Thật không may, đó không phải là quy trình trực quan nhất
Có một số tình huống cụ thể mà việc đóng tab trình duyệt có thể cần thiết và cần thiết, đặc biệt nếu bạn đang phát triển trang web hỗ trợ hệ thống thanh toán [tất nhiên, có thể có các trường hợp sử dụng khả thi khác]. Trong một giao dịch trực tuyến, một phiên được tạo và nhiều thứ khác diễn ra trong nền;
Sau khi giao dịch hoàn tất, chúng tôi phải đóng phiên hiện đang diễn ra bên trong tab trình duyệt cụ thể đó để không xảy ra việc lạm dụng thông tin cá nhân. Vì vậy, nó có thể được thực hiện bằng cách đóng tab trình duyệt cụ thể đó
Bạn có thể đã thấy tình huống này, khi bạn thực hiện giao dịch trực tuyến qua cổng thông tin của ngân hàng, và sau khi bạn đăng xuất khỏi tài khoản ngân hàng trực tuyến, ngân hàng sẽ hiển thị một văn bản trên màn hình yêu cầu chúng tôi đóng cửa sổ trình duyệt. Tất nhiên, bạn có thể sử dụng nút đóng trên trình duyệt hoặc cũng có thể tạo nút đóng và yêu cầu người dùng nhấp vào nút đó. Hãy xem làm thế nào chúng ta có thể đạt được điều này một cách chi tiết
Đóng Tab Trình duyệt Sử dụng Phương thức window.close[]
trong JavaScript
Để đóng tab trình duyệt, JavaScript cung cấp cho chúng ta một phương thức được liên kết với đối tượng cửa sổ và phương thức đó được gọi là window.close[]
. Sử dụng phương pháp này, chúng tôi có thể dễ dàng đạt được mục tiêu đóng tab trình duyệt. Bạn cũng có thể sử dụng trực tiếp phương thức close[]
mà không cần sử dụng từ khóa window
cũng được. Phương pháp này được hỗ trợ trên tất cả các trình duyệt hiện đại như Chrome, Brave và Firefox
Vì vậy, hãy xem cách triển khai phương thức này trong JavaScript và đóng tab trình duyệt. Bên trong tài liệu HTML của chúng ta, chúng ta có một thẻ body chứa thẻ neo và thẻ script. Tập lệnh sẽ được sử dụng để liên kết tệp JavaScript của chúng tôi với tài liệu HTML. Thẻ neo sẽ đại diện cho nút mà chúng tôi sẽ sử dụng để thực hiện thao tác đóng tab trình duyệt. Kiểu dáng cho thẻ neo này, nút của chúng tôi, được thực hiện bên trong thẻ style
. Thẻ neo này trỏ đến hàm close_tab[]
, có trong tệp tập lệnh của chúng ta
Document
close browser tab
Bên trong tệp script.js
của chúng tôi, chúng tôi có một chức năng gọi là close_tab[]
, chức năng này sẽ chỉ được thực thi khi người dùng nhấp vào nút
function close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
0 có trong tài liệu HTML của chúng tôifunction close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
Ở đây, chúng tôi cũng sẽ sử dụng một phương thức khác được gọi là
function close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
1, lấy một chuỗi làm tham số. Phương pháp này sẽ hiển thị một cửa sổ bật lên hoặc hộp cảnh báo với chuỗi mà chúng tôi đã chuyển đến function close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
1 làm tham số và nó cũng sẽ có các nút function close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
3 và function close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
4. Và chúng ta gọi phương thức này bên trong câu lệnh function close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
5 là bởi vì hàm này sẽ trả về các giá trị function close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
6 hoặc function close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
7Vì vậy, nếu người dùng nhấn nút
function close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
8, thì hàm function close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
1 sẽ trả về function close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
7. Nếu người dùng nhấn nút function close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
3 thì hàm sẽ trả về function close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
6. Nếu hàm close[]
trả về function close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
7 thì khối function close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
5 của chúng ta sẽ không được thực thi và nếu nó trả về function close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
6 thì chỉ khối function close_tab[] {
if [confirm["Do you want to close this tab?"]] {
window.close[];
}
}
5 của chúng ta sẽ được thực thi và sau đó hàm window.close[]
của chúng ta sẽ thực thi. Sau đó nó sẽ đóng tab trình duyệt