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>
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>
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
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ả). –
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)
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ổ
target="_top"
sẽ mở liên kết ở cấp cao nhất của tất cả bộ khung được xác định.
Đó 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 là 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).
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.w3.org/TR/html5/browsers.html # valid-browsing-context-name-hoặc-keyword Làm thế nào về google? –