Mở tab mới khi click vào link html

Xem thảo luận

Cải thiện bài viết

Lưu bài viết

Xem thảo luận

Cải thiện bài viết

Lưu bài viết

Đọcwindow.open() method is used to open a new browser window or a new tab depending on the browser setting and the parameter values.

Approach: 

• Bàn luận _blank in the second parameter of the window.open() method.
• Trong HTML, thẻ neo được sử dụng để mở URL theo một tab mới theo cách cơ bản và đơn giản. Thông tin thêm về thẻ này có thể được học từ bài viết này. Tuy nhiên, đôi khi có một nhu cầu phải làm điều tương tự bằng cách sử dụng JavaScript. Trong trường hợp này, phương thức Window.open () chứng minh là hữu ích. Phương thức Window.open () được sử dụng để mở cửa sổ trình duyệt mới hoặc tab mới tùy thuộc vào cài đặt trình duyệt và các giá trị tham số.
• Để mở một tab mới, chúng ta phải sử dụng _blank trong tham số thứ hai của phương thức window.open ().

Syntax:

window.open(URL, '_blank');

Giá trị trả về của window.open () là một tham chiếu đến cửa sổ mới được tạo hoặc tab hoặc null nếu nó thất bại.

Không thêm tham số thứ ba vào nó vì nó sẽ dẫn đến việc mở cửa sổ mới thay vì tab

$("#content a[href^='http://']").attr("target","_blank");

$("#content a[href^='http://']").attr("target","_blank");

$("#content a[href^='http://']").attr("target","_blank");

$("#content a[href^='http://']").attr("target","_blank");

href = "google.com";
onclick="window.open (this.href, ''); return false";

href = "google.com";
onclick="window.open (this.href, ''); return false";

href = "google.com";
onclick="window.open (this.href, ''); return false";

$("#content a[href^='http://']").attr("target","_blank");

href = "google.com";
onclick="window.open (this.href, ''); return false";

$("#content a[href^='http://']").attr("target","_blank");

Ví dụ 1:

window.open(URL, '_blank');

window.open(URL, '_blank');

HTML

window.open(URL, '_blank');

window.open(URL, '_blank');

window.open(URL, '_blank');

window.open(URL, '_blank');

$("#content a[href^='http://']").attr("target","_blank");

Output:

href = "google.com";
onclick="window.open (this.href, ''); return false";

window.open(URL, '_blank');

window.open(URL, '_blank');

window.open(URL, '_blank');

window.open(URL, '_blank');

Không thêm tham số thứ ba vào nó vì nó sẽ dẫn đến việc mở cửa sổ mới thay vì tab

Ví dụ 1:

$("#content a[href^='http://']").attr("target","_blank");

$("#content a[href^='http://']").attr("target","_blank");

$("#content a[href^='http://']").attr("target","_blank");

window.open(URL, '_blank');

window.open(URL, '_blank');

window.open(URL, '_blank');

window.open(URL, '_blank');

window.open(URL, '_blank');

window.open(URL, '_blank');

window.open(URL, '_blank');

window.open(URL, '_blank');

$("#content a[href^='http://']").attr("target","_blank");

Output:

Các trình duyệt được hỗ trợ: Các trình duyệt được hỗ trợ bởi phương thức Window.open () được liệt kê dưới đây: The browsers are supported by the window.open() method are listed below:

• Google Chrome
• trình duyệt web IE
• Firefox
• Opera
• Cuộc đi săn

JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không phải là trình duyệt. Bạn có thể tìm hiểu JavaScript từ cơ sở bằng cách làm theo các ví dụ JavaScript và JavaScript này.

HTML là nền tảng của các trang web và được sử dụng để phát triển trang web bằng cách cấu trúc các trang web và ứng dụng web. Bạn có thể tìm hiểu HTML từ đầu bằng cách làm theo các ví dụ HTML và HTML này.