在HTML 4.0 Strict和XHTML 1.0 STRICT里不允许在<a>标签里使用target属性,这是一件令网页设计者懊恼的事.在过渡的规范里还是允许使用的.但通过一定的方法,我们可以解决这一问题. HTMl4.0规范里拿掉了target属性.但它添加了另外一个属性:rel.这个属性是用来指定包含链接的文档和所链接文档之间的关系的.规范里定义了其属性值(如:next,previous,chapter,section),在这些属性里大多数是用来定义一个大文档里各个小部分之间的关系的.事实上.规范里允许开发人员自由的使用非标准属性值做特定的运用. 在这里,我们采用一个自定义值external用于rel属性来标记一个链接,用来新开一个窗口. 不符合最新Web标准的链接代码: <a href="document.html" target="_blank">external link</a> 运用rel属性: <a href="document.html" rel="external">external link</a> 现在我们构建了一个符合Web标准的新开窗口的链接,我们还需要运用JavaScript是其实现新开窗口.脚本要实现的工作是当网页加载时,找到文档里的所有那些我们定义为rel="external"的超链接. 首先我们要判断浏览器. if (!document.getElementsByTagName) return; getElementsByTagName是DOM1标准里一个容易使用的方法,且它被现在的大多数浏览器所支持,因为一些旧的浏览器如Netscape 4和IE4不支持DOM1,所以我们必须通过判定这一方法是否存在来排除这些旧版本的浏览器. 下一步,我们通过getElementsByTagName方法取得文档里所有的<a>标签: var anchors = document.getElementsByTagName("a"); anchors被赋值为包含各个<a>标签的数组,现在我们必须遍历各个<a>标签并且修改它: for (var i=0; i < anchors.length; i++) { var anchor = anchors; } 找到要实现新开窗口的<a>标签 if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") 接下来.建立属性值target并赋值"_target": anchor.target = "_blank"; 完整的代码:
推荐整理分享用javascript来控制 链接的target 属性的代码(javascript控制语句),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:js怎么控制html,如何用js控制css样式,js控制html,如何用js控制css样式,js怎么控制html,javascript控制硬件,javascript控制台,javascript控制台,内容如对您有帮助,希望把文章链接给更多的朋友!
多浏览器下IE6 IE7 firefox li 间距问题第1/2页 今天小雷提到一个ie5下li产生空白行距的问题,下面来测试一下。新建一个简单的HTML测试文件,下面来测试ulli标签。ulliahref="#"菜单一/a/liliahref="#"菜单
多浏览器css兼容分析小结 CSS兼容要点:1、DOCTYPE影响CSS处理。2、FF:div设置margin-left,margin-right为auto时已经居中,IE不行。3、FF:body设置text-align时,div需要设置margin:auto(主要是margin-left,
input文本框样式代码实例 通过css来更改所有的form的样式的方法,可以在css中定义input{color:red}textarea{border:1pxsolid#}这样的格式,一般如果不需要更改所有的文本样式,可以通过