首页 > web前端 > css教程 > 正文

用javascript来控制 链接的target 属性的代码_经验交流

php中文网
发布: 2016-05-16 12:06:56
原创
1867人浏览过

在HTML 4.0 Strict和XHTML 1.0 STRICT里不允许在标签里使用target属性,这是一件令网页设计者懊恼的事.在过渡的规范里还是允许使用的.但通过一定的方法,我们可以解决这一问题. 

       HTMl4.0规范里拿掉了target属性.但它添加了另外一个属性:rel.这个属性是用来指定包含链接的文档和所链接文档之间的关系的.规范里定义了其属性值(如:next,previous,chapter,section),在这些属性里大多数是用来定义一个大文档里各个小部分之间的关系的.事实上.规范里允许开发人员自由的使用非标准属性值做特定的运用. 

在这里,我们采用一个自定义值external用于rel属性来标记一个链接,用来新开一个窗口. 

不符合最新Web标准的链接代码: 
external link 
运用rel属性: 
external link 
       现在我们构建了一个符合Web标准的新开窗口的链接,我们还需要运用JavaScript是其实现新开窗口.脚本要实现的工作是当网页加载时,找到文档里的所有那些我们定义为rel="external"的超链接. 

首先我们要判断浏览器. 
if (!document.getElementsByTagName) return; 
     getElementsByTagName是DOM1标准里一个容易使用的方法,且它被现在的大多数浏览器所支持,因为一些旧的浏览器如Netscape 4和IE4不支持DOM1,所以我们必须通过判定这一方法是否存在来排除这些旧版本的浏览器. 

下一步,我们通过getElementsByTagName方法取得文档里所有的标签: 
var anchors = document.getElementsByTagName("a"); 
anchors被赋值为包含各个
标签的数组,现在我们必须遍历各个标签并且修改它: 
for (var i=0; i         var anchor = anchors; 
}
找到要实现新开窗口的
标签 
if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") 
接下来.建立属性值target并赋值"_target": 
anchor.target = "_blank"; 
完整的代码: 

复制代码 代码如下:

function externalLinks() {  
          if (!document.getElementsByTagName)   
                  return;  
          var anchors = document.getElementsByTagName("a");  
         for (var i=0; i                 var anchor = anchors;  
                 if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external")  
                             anchor.target = "_blank";  
         }  
}  
window.onload = externalLinks;

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号