1. 程式人生 > >A標籤在新的頁面中開啟,而不是就地開啟

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 屬性用於指定當前文件與被連結文件的關係。