Bạn có thể đóng tab trình duyệt từ JavaScript không?

Đô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ôi

function 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();
  }
}

7

Vì 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

Làm cách nào để đóng cửa sổ bằng JavaScript?

Làm cách nào để mở và đóng tab mới trong JavaScript?

Làm cách nào để đóng trang HTML hiện tại bằng JavaScript?