Mở 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>

________số 8_______

<head>

      <<0_______5_______1_______5_______0>

<4head>

________số 8_______

<<9>

 

html1

<html3_______6_______4

html5_______5__________html7html8html7>

html5>2

      <4_______6_______3>

 

 

html1<>9   0_______8_______1  2>

  4_______8_______5

html1<4_______7_______9>

 

html1<<2>

  4<5

<6_______5_______7

<6_______5_______9

  4head1

html1<4_______5_______2>

 

<4<9>

 

<4_______6_______>

đầu ra

 

ví dụ 2

HTML




<html>

  <head>

      5_______<0_______12_______2<0_______7_______

  <4_______10_______>

________số 8_______

<<9>

 

html1

<html3_______5_______6html3>

 

 

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

 

html1<<2>

  4<13

<6_______5_______15

  4head1

html1<4_______5_______2>

 

<4<9>

 

<4_______6_______>

đầ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

Khi nào thì sử dụng target='_blank'

Phiên bản HTML (Một số thiết bị không hỗ trợ)

This link will open in new window/tab

Phiên bản JavaScript cho tất cả các thiết bị

Việc sử dụng rel="external" là hoàn toàn hợp lệ



và đối với Jquery có thể thử với cái bên dưới

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

Nếu cài đặt trình duyệt không cho phép bạn mở trong cửa sổ mới

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