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

Thuộc tính đích HTML cung cấp một cách dễ dàng và đơn giản để mở URL được liên kết trong cửa sổ hoặc tab trình duyệt mới. Bạn cần sử dụng giá trị _blank trong thuộc tính đích để mở URL được liên kết trong tab hoặc cửa sổ mới

Visit CodexWorld

Nếu bạn muốn mở URL bằng JavaScript thì phương thức open() của giao diện Window là lựa chọn tốt nhất. Cửa sổ Javascript. phương thức open() mở một cửa sổ trình duyệt mới. Sử dụng _blank trong tham số thứ hai của phương thức window.open() để mở URL trong tab mới bằng JavaScript

Đoạn mã JavaScript sau sẽ mở https://www.codexworld.com trong tab hoặc cửa sổ trình duyệt mới

window.open('https://www.codexworld.com', '_blank');

Cửa sổ. open()” mở một cửa sổ trình duyệt mới hoặc một tab mới, dựa trên các giá trị được thêm vào và phương thức “setTimeout()” truy cập một chức năng sau một khoảng thời gian đã đặt. Các phương pháp này có thể được sử dụng kết hợp để mở một tab cụ thể dựa trên URL và đóng tab đó bằng cách đặt giá trị thời gian chờ

cú pháp

cửa sổ. mở(URL , tên, thông số kỹ thuật, thay thế )

Theo cú pháp đã cho, “URL” là URL của trang, “tên” là thuộc tính đích, “thông số kỹ thuật” đề cập đến danh sách các mục được phân tách bằng dấu phẩy và “thay thế” cho biết URL tạo mục nhập mới hay thay thế mục nhập đó

setTimeout ( hàm, mili giây, par1, par2 )

Trong cú pháp đã cho, “hàm” dùng để chỉ chức năng cần được gọi, “mili giây” là khoảng thời gian cụ thể để thực thi và “par1”, “par2” là các tham số bổ sung

Xem ví dụ sau để hiểu rõ hơn

Ví dụ

First, add the specified heading in the “

” tag and create a button with an onclick event which will invoke the “openTab()” method when clicked: Đóng thẻ Click HereBây giờ, hãy định nghĩa một hàm có tên là “openTab()”. Theo định nghĩa của nó, hãy gọi “cửa sổ. open()” để mở một tab mới đối với URL đã chỉ định. Cuối cùng, áp dụng phương thức “setTimeout()” trên hàm có tên “closeTab()” để đóng tab bằng phương thức “close()”. Điều này sẽ dẫn đến việc đóng tab cụ thể sau năm giâyfunction openTab (){var closeWindow = window.mở("https. //www. Google. com");setTimeout (function closeTab(){closeWindow.đóng();},5000);}Đầu ra của việc thực hiện trên sẽ có kết quả như sau (adsbygoogle = window.adsbygoogle || []).push({}); Thay vào đó, nếu bạn muốn đóng một cửa sổ đã tạo, hãy sử dụng phương pháp sauPhương pháp 2. Đóng cửa sổ được tạo bằng JavaScript bằng cách sử dụng cửa sổ. phương thức open() và sự kiện onclick

Cửa sổ. open() mở một cửa sổ trình duyệt mới hoặc một tab mới, dựa trên các giá trị tham số đã đặt như đã thảo luận trong phương thức trước, trong khi sự kiện “onclick” xảy ra khi người dùng nhấp vào một phần tử. Các phương pháp này có thể được sử dụng kết hợp để phân bổ các chức năng riêng biệt để mở và đóng cửa sổ mới và đặt kích thước của cửa sổ đã tạo trong tham số

cú pháp

đối tượng. onclick= closeWindow (){myScript};

Trong cú pháp trên, “closeWindow()” đề cập đến hàm được truy cập

Ví dụ sau minh họa khái niệm đã nêu

Ví dụ

Đầu tiên, bao gồm một tiêu đề và tạo hai nút khác nhau để mở và đóng cửa sổ tương ứng với sự kiện onclick đề cập đến các chức năng được chỉ định

< h2 > Đóng Cửa sổ using JavaScripth2>

<button onclick= "openWindow()">Click Here to Open a New Windowbutton>

<button onclick= "closeWindow()">Click Here to Close a New Windowbutton>

Tiếp theo, xác định một hàm có tên là “openWindow()”. Trong định nghĩa của nó, chỉ định URL sẽ được mở trong cửa sổ mới và chỉ định các tham số giá trị “chiều rộng” và “chiều cao” để đặt kích thước của cửa sổ mới

var open ;

function openWindow (){

open= window.mở("https. //www. Google. com" , "_blank" , "width= 786, height=);

}

Cuối cùng, xác định hàm closeWindow()” và áp dụng phương thức “close()” tham chiếu đến biến có tên “open”, mở cửa sổ trong hàm trước đó. Điều này sẽ dẫn đến việc đóng cửa sổ đã mở khi nhấp vào nút

hàm closeWindow (){

mở. đóng();

}

đầu ra

Chúng tôi đã thảo luận về các phương pháp đơn giản nhất để đóng tab và cửa sổ được tạo bằng JavaScript

Phần kết luận

Để đóng tab/cửa sổ được tạo bằng JavaScript, hãy sử dụng “cửa sổ. open()” và “setTimeout()” để đóng tab đã tạo sau một thời gian hoặc cửa sổ đã chỉ định. open() với các tham số và sự kiện “onclick” liên quan đến các nút riêng biệt cho từng chức năng và đặt kích thước của cửa sổ đã tạo trong các tham số. Bài viết này giải thích các phương pháp đóng tab/cửa sổ được tạo bằng JavaScript

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

Làm cách nào để mở tab mới trong Chrome bằng JavaScript?

Làm cách nào tôi có thể chạy tập lệnh trong một tab mới mở khác?