24h購物| | PChome| 登入
2011-05-19 10:59:58| 人氣16| 回應0 | 上一篇 | 下一篇
推薦 0 收藏 0 轉貼0 訂閱站台

_blank開新窗口不符合標準?

_blank開新窗口不符合標準?

http://www.inspirr.com

  我們要在新窗口中打開鏈接通常的做法是在鏈接后面加target="_blank",我們采用過渡型的DOCTYPE時沒有問題,但是當我們使用嚴格的DOCTYPE時,這個方法將通不過W3C的校驗,會出現如下錯誤提示:

  "there is no attribute target for this element"

  原來在HTML4.01/XHTML1.0/XHTML1.1嚴格DOCTYPE下,target="_blank"、target="_self"等等語法都是無效的,我們只能通過JavaScript來變通實現。

  有朋友問為什么不允許使用target="_blank"?這個屬性很方便啊。呵呵,不知道W3C的專家們是怎么想的,據我所知,主要是“易用性、友好性”的問題,因為老外覺得不經過用戶同意,沒有明確提示就打開一個新窗口是不禮貌的。先不管這個取消是否合理,我們來看看解決辦法。

  rel屬性

  HTML4.0增加了一個新屬性:rel,這個屬性用來說明鏈接和包含此鏈接頁面的關系,以及鏈接打開的目標。rel有許多的屬性值,比如next、previous,、chapter、section等等。我們要使用的就是rel="externa l"屬性。原來這樣寫的代碼:

  <a href="document.html" target="_blank"> 打開一個新窗口</a>

  現在要寫成這樣:

  <a href="document.html" rel="external">打開一個新窗口</a>

  這是符合strict標準的方法。當然還必須配合一個javascript才有效。

  javascript完整的代碼JS如下:

  function externallinks {
  if return;
  var anchors = document.getElementsByTagName;
  for {
  var anchor = anchors[i];
  if &&
  anchor.getAttribute == "external")
  anchor.target = "_blank";
                        }
  }
  window.onload = externallinks;

  你可以把它保存成一個.js文件,然后通過外部聯接方法調用:

  <script type="text/javascript" src="external.js"></script>

  就是這樣。

  最后補充一句,我網站采用的target="new"在過渡型DOCTYPE下是允許的,但也不符合strict標準。下次改版時我將采用strict模式,將所有target="new"改成rel="external"。

阿捷

台長: heyhan
人氣(16) | 回應(0)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 不分類

是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文