手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆

如何使页面的链接在新窗口中打开

首页 > Javascript >

我不知道这篇文章怎么算,因为我最后还是用了JS,所以我归类到javascript分类了。

页面中的链接在新窗口中打开,一般出现在专题、网页地图、列表中,因为在一般的网页里,如果所有的链接都是开新窗口,肯定用户体验一般。而如果每个链接都加上target="_blank"的话,仿佛听说是不符合w3c规范。但我是觉得,如果一个网页有上百个链接,都加上Target="_blank",那是多少字节啊。

虽然现在不再是“惜字节如金”,但该节约的还是要节约。

于是我在页面的<head>标签里加上了<base target="_blank" />,因为记忆中,这个标签还可以控制showModalDialog里的链接不开新窗口或者影响父窗口(当然那时候是<base target="_self">)

兴冲冲的放到网上,结果同事测试下来,IE6和Firefox都正常。但IE7和IE8却都不正常。没办法,只能用js解决。本想用jquery来搞定,但为了这么小的功能就加载一个几十K的jQuery,我还不如直接在链接里加上target="_blank"呢。

最后写了如下代码:

JavaScript代码
  1. var aTag = document.getElementsByTagName('a');  
  2. for(i in aTag){  
  3.     aTag[i].target='_blank';  
  4. }  

OH YEAH,搞定。

 




本站采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"易栈网-膘叔", 保留原始链接, 此外还必须标注原文标题和链接.

Tags: base, target

« 上一篇 | 下一篇 »

发表评论

评论内容 (必填):