2013-07-17 65 views
243

Tôi đang làm việc trên một dự án HTML và tôi không thể tìm hiểu cách mở một liên kết trong một tab mới mà không cần javascript.Làm cách nào để mở liên kết trong tab mới trên html?

Tôi đã biết rằng <a href="http://www.WEBSITE_NAME.com"></a> mở liên kết trong cùng một tab. Bất kỳ ý tưởng làm thế nào để làm cho nó mở trong một cái mới?

+1

thể trùng lặp của [Làm thế nào tôi có thể mở một liên kết trong tab mới (và không phải cửa sổ mới)?] (Http://stackoverflow.com/questions/6296013/how-can-i-open-a-link-in-new-tab-and-not-new-window) – Wex

+25

sử dụng '... ' –

+1

Bản sao có thể có của [Mở liên kết trong tab mới ] (http://stackoverflow.com/questions/15551779/open-link-in-new-tab) – Sufian

Trả lời

412

Đặt 'mục tiêu' thuộc tính của liên kết đến _blank:

<a href="#" target="_blank">Link</a> 

Edit: cho ví dụ khác, xem tại đây: http://www.w3schools.com/tags/att_a_target.asp

(Lưu ý: Tôi trước đây gợi ý blank thay vì _blank bởi vì, nếu được sử dụng, nó sẽ mở một tab mới và sau đó sử dụng cùng một tab nếu liên kết được nhấp lại. Tuy nhiên, điều này chỉ vì, như GolezTrol chỉ ra, nó đề cập đến tên của một khung/cửa sổ, mà sẽ được thiết lập và được sử dụng khi liên kết được nhấn một lần nữa để mở nó trong cùng một tab).

+10

Các mục tiêu đặc biệt đều bắt đầu bằng dấu gạch dưới. 'blank' sẽ là tên của khung hoặc cửa sổ. Có vẻ như nó hoạt động, vì một cửa sổ hoặc tab mới có thể sẽ được mở khi không tồn tại với tên 'trống', nhưng nhấp chuột thứ hai vào liên kết sẽ mở trang trong cùng một tab đó thay vì mở một trang khác. – GolezTrol

+1

Vâng, tôi đoán nó không phải là không hợp lệ, nó chỉ khác nhau. Thay vì 'blank' bạn cũng có thể sử dụng' foo', tôi nghĩ, trong khi '_blank' thực sự có ý nghĩa đặc biệt. Tôi không thể tìm thấy bất kỳ thông tin nào để chứng minh khác. Bạn có thể? – GolezTrol

+0

Vì vậy, nếu bạn muốn hai hoặc nhiều liên kết trên mỗi trang mở trong tab riêng mới, thì bạn không nên sử dụng '_blank' cho các liên kết đó, vì tất cả chúng sẽ mở trong cùng một tab mới. – Stefan

7

target='_blank' nếu bạn không sử dụng XHTML.

10

Sử dụng target="_blank":

<a href="http://www.example.com/" target="_blank">This will open in a new window!</a> 
6

Sử dụng các "mục tiêu" thuộc tính của thẻ và gán nó vào _blank. Đó là:

<a href="http://www.google.com" target="_blank" >Google in a New Tab or Window depending on the browser's capabilities</a> 
1

target = "_ blank" = luôn mới tab cho mỗi nhấp chuột target = "TABNAME" = new tab, nhưng tương tự cho mỗi nhấp chuột.

68

Sử dụng một trong các yêu cầu này theo yêu cầu của bạn.

Mở tài liệu được liên kết trong một cửa sổ mới hoặc tab:

<a href="xyz.html" target="_blank"> Link </a> 

Mở tài liệu được liên kết trong khung giống như nó được nhấp (đây là mặc định):

<a href="xyz.html" target="_self"> Link </a> 

Mở liên kết tài liệu trong khung chính:

<a href="xyz.html" target="_parent"> Link </a> 

Mở tài liệu được liên kết trong toàn bộ phần thân của wi ndow:

<a href="xyz.html" target="_top"> Link </a> 

Mở tài liệu được liên kết trong một khung tên:

<a href="xyz.html" target="framename"> Link </a> 

See MDN

+0

Cảm ơn thông tin. Làm cách nào để mở liên kết trong tab mới khi được nhấp? –

+0

Sử dụng mã trong html, như được chia sẻ ở trên. Hầu hết các trình duyệt mới mở các liên kết trong một tab mới theo mặc định khi bạn sử dụng target = "_ blank" –

1

Bạn có thể sử dụng <a href="#" target="_blank">Your Text</a> Hy vọng nó giúp. Cảm ơn.

+0

Đây chỉ là lặp lại [câu trả lời hiện có này] (https://stackoverflow.com/a/17711167). – Pang

2

Bạn có thể sử dụng <a href='url' target="_blank">name</a>

Ví dụ <a href='https://www.facebook.com/hackbalteamz' target="_blank">Facebook</a>

15

Nếu bạn muốn thực hiện lệnh một lần cho toàn bộ trang web của bạn, thay vì phải làm điều đó sau mỗi liên kết. Hãy thử địa điểm này trong phần đầu trang web của bạn và chơi lô tô.

<head> 
<title>your text</title> 
<base target="_blank"> 
</head> 

hy vọng điều này giúp

5

Khi sử dụng target='_blank':

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

<a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a> 

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

Việc sử dụng rel = "bên ngoài" là hoàn toàn hợp lệ

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript"> 
    $('a[rel="external"]').attr('target', '_blank'); 
</script> 

và cho Jquery có thể thử với các bên dưới một:

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

Nếu thiết lập trình duyệt không cho phép bạn để mở trong các cửa sổ mới:

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

Mặc định mở trong cùng một tab:

<a href="https://www.google.com/">Google.com </a> 

Mở trong tab mới:

<a href="https://www.google.com/" target="_blank">Google.com </a>