设置超链接在新的窗口中打开,而不是在本窗口中打开
? ? ??<a> 標簽的 target 屬性規定在何處打開鏈接文檔。
? ? ??如果在一個 <a> 標簽內包含一個 target 屬性,瀏覽器將會載入和顯示用這個標簽的 href 屬性命名的、名稱與這個目標吻合的框架或者窗口中的文檔。如果這個指定名稱或 id 的框架或者窗口不存在,瀏覽器將打開一個新的窗口,給這個窗口一個指定的標記,然后將新的文檔載入那個窗口。從此以后,超鏈接文檔就可以指向這個新的窗口。
? ? ??設置超鏈接在新的窗口中打開的方法如下:
<a href="http://blog.csdn.net/xjun0812?viewmode=list" target="_blank">文章列表(新窗口打開)</a> 點擊測試(新窗口打開)點擊測試(本窗口打開)
? ? ??其他設置:
? ? ??_self:默認。在相同的框架中打開被鏈接文檔
? ? ??_parent:在父框架集中打開被鏈接文檔。
? ? ??_top:在整個窗口中打開被鏈接文檔
? ? ??當然也可以是自己定義的一個frame 的名字,比如
? ? ??<a href=" http://blog.csdn.net/xjun0812?viewmode=list"target="frame1">文章列表</a>
? ? ??擴展
? ? ??問題在 a 標簽中已加入 target="_blank",而網頁打開只在一個新窗口中打開,始終都在改新窗口中刷新內容,用戶如果失去該窗口的焦點,在原窗口中點擊 a 標簽用戶 看不到 新打開的窗體,實際已在失去焦點的窗體中刷新了內容,會給用戶造成錯覺,這就是為什么現在大家瀏覽有些網站會發現這個問題。
? ? ??解決方案一
? ? ??1、在 head 標簽 加入<basetarget="_blank" />
? ? ??<head><basetarget="_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; ? ? ??html中寫成: <a href="http://www.baidu.com" rel="external">? ? ??在點擊a 標簽就可以實現每次都在新窗體中打開。
? ? ??最后,時間倉促,資質有限,文中表述僅代表個人觀點,部分內容參考自網絡,不準確的地方還望見諒,歡迎嚴厲地指正。
總結
以上是生活随笔為你收集整理的设置超链接在新的窗口中打开,而不是在本窗口中打开的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Chrome浏览器不支持字体小于12px
- 下一篇: 为什么我们的web前端变的越来越复杂