Mở liên kết trong tab mới html

Trong HTML, thẻ neo được sử dụng để mở các URL trong tab mới một cách cơ bản và đơn giản. Thông tin thêm về thẻ này có thể được tìm hiểu từ bài viết này. Tuy nhiên, đôi khi cần phải làm điều tương tự bằng Javascript. Trong trường hợp này cửa sổ. phương thức open() tỏ ra hữu ích. Cửa sổ. open() được sử dụng để mở một cửa sổ trình duyệt mới hoặc một tab mới tùy thuộc vào cài đặt trình duyệt và các giá trị tham số

Tiếp cận.  

  • Để mở một tab mới, chúng ta phải sử dụng _blank trong tham số thứ hai của cửa sổ. phương thức mở ()
  • Giá trị trả về của cửa sổ. open() là tham chiếu đến cửa sổ hoặc tab mới được tạo hoặc null nếu không thành công
  • Không thêm tham số thứ ba vào nó vì nó sẽ dẫn đến việc mở một cửa sổ mới thay vì tab

cú pháp

window.open(URL, '_blank');

ví dụ 1

HTML




<html>

  

<

The home page will open in another tab.
1____8

The home page will open in another tab.
3____6<0<1<0>

<4

The home page will open in another tab.
1>

  

<<9>

 

html1

<html3html4

html5<html7html8html7>

html5>2

The home page will open in another tab.
3____64html3____8

 

 

html1<>9   0  1  2>

  4  5

html1<4>9>

 

html1<<2>

  4<5

<6<7

<6<9

  4

The home page will open in another tab.
11

html1<4<2>

 

<4<9>

 

<4html>

đầu ra

 

ví dụ 2

HTML




<html>

  <

The home page will open in another tab.
1>

The home page will open in another tab.
3____6<0
The home page will open in another tab.
32<0>

  <4

The home page will open in another tab.
1>

  

<<9>

 

html1

<html3<6html3>

 

 

html1<>9   0  1<04<05>9>

 

html1<<2>

  4<13

<6<15

  4

The home page will open in another tab.
11

html1<4<2>

 

<4<9>

 

<4html>

đầu ra

 

Trình duyệt được hỗ trợ. Các trình duyệt được hỗ trợ bởi window. phương thức open() được liệt kê bên dưới

  • Google Chrome
  • trình duyệt web IE
  • firefox
  • Ô-pê-ra
  • 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 có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ 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ể học HTML từ đầu bằng cách làm theo Hướng dẫn HTML và Ví dụ về HTML này

Tiết lộ. Hỗ trợ của bạn giúp giữ cho trang web hoạt động. Chúng tôi kiếm được phí giới thiệu cho một số dịch vụ chúng tôi đề xuất trên trang này. Tìm hiểu thêm

Thuộc tính của Cách sử dụng a (Để tạo siêu liên kết) trong HTML.
The home page will open in another tab.
33 làm gì? Chỉ định ngữ cảnh trong đó tài nguyên được liên kết sẽ mở

nội dung

Mã ví dụ

The home page will open in another tab.

Trang chủ sẽ mở trong một tab khác

Khung không dùng nữa;

Giá trị hiện tại duy nhất có liên quan của

The home page will open in another tab.
35 là
The home page will open in another tab.
34. Các giá trị khác của
The home page will open in another tab.
35 được sử dụng để chỉ định các khung cụ thể. Tuy nhiên, các khung không được dùng trong HTML5

Mặc định The home page will open in another tab.35

Nếu không có

The home page will open in another tab.
35 nào được chỉ định, liên kết sẽ mở trong ngữ cảnh hiện tại, trừ khi người dùng hoặc trình duyệt chỉ định khác

a target=”_blank” Mở trong Tab Trình duyệt Mới (hoặc Cửa sổ)

Thuộc tính

The home page will open in another tab.
35 chỉ định nơi tài liệu được liên kết sẽ mở khi liên kết được nhấp vào. Mặc định là cửa sổ hiện hành. Nếu

jQuery(document.links) .filter(function() { return this.hostname != window.location.hostname; }) .attr('target', '_blank');
2, tài liệu được liên kết sẽ mở trong một tab mới hoặc (trên các trình duyệt cũ hơn) một cửa sổ mới

Tại sao mở trong một trình duyệt mới?

Lý do phổ biến nhất để sử dụng `target=”_blank” là để các liên kết ngoại vi mở trong một tab riêng biệt. Điều này cho phép người dùng nhấp vào một tài liệu tham khảo và quay lại sau mà không cần rời khỏi trang hiện tại. Nó giữ khách truy cập trên trang web của bạn lâu hơn và cải thiện hầu hết các số liệu của bạn. tỷ lệ thoát, chuyển đổi, các trang đã truy cập

Mở tất cả các liên kết bên ngoài trong một tab mới bằng JavaScript

Bạn không cần thêm thủ công


jQuery(document.links) .filter(function() { return this.hostname != window.location.hostname; }) .attr('target', '_blank');
2 vào mọi liên kết trên trang web của mình. Nếu bạn có nhiều liên kết ra bên ngoài (điều bạn nên làm), bạn có thể dễ dàng thêm một số mã JavaScript vào trang web của mình và tự động chuyển tất cả các liên kết bên ngoài thành liên kết
The home page will open in another tab.
34


jQuery(document.links) .filter(function() { return this.hostname != window.location.hostname; }) .attr('target', '_blank');

(Bạn có thể thấy hình thức sửa đổi một chút của mã này đang hoạt động trên mọi trang của trang web này. ) Thủ thuật này yêu cầu jQuery, nhưng rất có thể bạn đã sử dụng nó rồi. Nó được sử dụng trong các khung và hệ thống quản lý nội dung phổ biến nhất, bao gồm WordPress, Drupal và Twitter Bootstrap. Nếu bạn cần làm điều đó mà không có jQuery, điều đó cũng có thể được thực hiện. Đây là phiên bản "JavaScript đơn giản"

function externalLinks() {   for(var c = document.getElementsByTagName("a"), a = 0;a < c.length;a++) {     var b = c[a];     b.getAttribute("href") && b.hostname !== location.hostname && (b.target = "_blank")   } } ; externalLinks(); 

Bên cạnh việc làm cho nó dễ dàng hơn, điều này sẽ làm sạch đánh dấu của bạn một cách đáng kể

Lý do không sử dụng `target=”_blank”

Một số người cho rằng người dùng không thích mở liên kết trong ngữ cảnh duyệt web mới. Họ cho rằng làm như vậy giống như quảng cáo bật lên và các hành vi gây phiền nhiễu khác. Với sự gia tăng của trình duyệt theo tab, lập luận này phần lớn đã biến mất. Hầu hết người dùng thích mở các liên kết trong một tab mới, vì nó cho phép họ đến các liên kết được tham chiếu trong hàng đợi để đọc sau mà không làm mất ngữ cảnh duyệt web hiện tại của họ

Làm cách nào để thêm mục tiêu _blank trong HTML?

Khung không dùng nữa; . Giá trị hiện tại duy nhất có liên quan của mục tiêu là _blank. .
mục tiêu mặc định. .
a target=”_blank” Mở trong Tab Trình duyệt Mới (hoặc Cửa sổ).
Hỗ trợ trình duyệt cho mục tiêu

Làm cách nào bạn có thể mở một liên kết trong cửa sổ trình duyệt tab mới?

Mở trong tab mới . Nếu chuột của bạn có bánh xe, nó có thể được sử dụng như một nút nếu bạn nhấn vào bánh xe. click the link by pressing down your middle mouse button, or right-click the link and select Open link in New Tab. If your mouse has a wheel, it can be used as a button if you press down on the wheel.