A標籤在新的頁面中打開,而不是就地打開

<a href="http://www.baidu.com" target="_Blank">百度</a>

_Blank是新窗口
_Self是自身
_Parent是父窗口
_Top是頂層窗口
當然也可以是自己定義的一個frame 的名字
比如
<a href="http://www.baidu.com" target="frame1">百度</a>

---------------------------------------------------------------

問題在 a 標籤中 已加入 target="_blank" 

而網頁打開 只在一個新窗口中打開

始終都在改新窗口中刷新內容

用戶如果失去該窗口的焦點

在原窗口中點擊 a 標籤 用戶 看不到 新打開的窗體

實際已在失去焦點的窗體中 刷新了內容

會給用戶造成錯覺  這就是爲什麼現在大家瀏覽有些網站 會發現這個問題

解決方案一、

1、在 head 標籤 加入<base target="_blank" />

<head><base target="_blank" /></head>

這樣就能每次點擊 打開新窗口

解決方案二、

2、新建一個JS腳本文件 external.js

在裏面輸入如下代碼

function externallinks() {

    if (!document.getElementsByTagName) return;

    var anchors = document.getElementsByTagName("a");

    for (var i = 0; i < anchors.length; i++) {

        var anchor = anchors[i];

        if (anchor.getAttribute("href") &&

anchor.getAttribute("rel") == "external")

            anchor.target = "_blank";

    }

}

window.onload = externallinks;

在前臺寫成

<a href=www.163.com rel="external">

在點擊a 標籤 就可以實現每次都在新窗體中打開

 

<a> 標籤的 rel 屬性用於指定當前文檔與被鏈接文檔的關係。

發佈了0 篇原創文章 · 獲贊 0 · 訪問量 12萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章