2013-04-26 30 views
19

Thỉnh thoảng tôi thấy target="_top" trong một thẻ liên kết. Nó làm gì?_top trong mục tiêu siêu liên kết làm gì?

<a href="http://foobar.com" target="_top">Foobar</a> 
+0

http://www.w3.org/TR/html5/browsers.html # valid-browsing-context-name-hoặc-keyword Làm thế nào về google? –

Trả lời

21

Nếu liên kết là một trong iframe, trang web mới sẽ không được nạp trong iframe nhưng thay vào đó trình duyệt sẽ mở trang trong cửa sổ riêng của mình

+4

Tidbit: Là biện pháp bảo mật, trình duyệt sẽ không cho phép khung nội tuyến từ một miền khác thay đổi vị trí _top. Thay vào đó, một tab mới sẽ mở ra (hoặc không có gì cả). –

1

như @hamon said

Ví dụ để sử dụng _top với jQuery

Nếu trang web của bạn là chứa trong một khung

$(document).ready(function() { 
    if(top.location != location) { 
     $('a, form').each(function() { 
      if(!this.target) { 
       this.target = '_top'; 
      } 
     }); 
    } 
}); 

Vì vậy .. Tất cả các liên kết trong trang web của bạn gonna mở trong cửa sổ mới không trong khung(Credit)

0

target="_top" thuộc tính làm cho "mục tiêu" của các siêu liên kết để hiển thị ở cấp cao nhất của tất cả các bộ khung hiện đang được xác định. Nó mở tài liệu liên quan trong cơ thể toàn bộ cửa sổ

Từ: http://www.w3schools.com/tags/att_a_target.asp

2

target="_top" sẽ mở liên kết ở cấp cao nhất của tất cả bộ khung được xác định.

11

Đó là tên browsing context.

Một tên bối cảnh duyệt hợp lệ hoặc từ khóa bất kỳ chuỗi đó là một trong hai một tên bối cảnh duyệt hợp lệ hoặc đó là một ASCII case-insensitive phù hợp cho một trong số: _blank, _self, _parent, hoặc _top.

Hãy xem ma trận here, mô tả hành vi của thuộc tính target trong các trường hợp khác nhau.

Hiệu quả thực tế là _top tham chiếu đến cửa sổ trên cùng (kỹ thuật the top level browsing context).

<a href="http://foo.com" target="_top">a link</a> yêu cầu trình duyệt điều hướng đến "foo.com" không nằm trong khung riêng của nó, nhưng trong khung trên cùng. Nếu khung hiện tại khung trên cùng, URL sẽ mở trong cùng một cửa sổ.

Xem thêm: Browsing Contexts (nếu bạn đang ở trong tâm trạng để đọc sâu).

14

target =:

_top: Mở tài liệu liên quan trong cơ thể toàn bộ cửa sổ

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

_self: Mở tài liệu được liên kết trong cùng một khung với tài liệu được nhấp (đây là mặc định)

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

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

http://www.w3schools.com/tags/att_a_target.asp

Các vấn đề liên quan