专注高端网站建设!

公司分布:济南槐荫/滨州邹平/烟台芝罘

1对1的贴心服务 13405436529

新闻动态

  • 滨州邹平网站建设发布外部链接时正确的插入超链接方法

  • 建站知识 文章更新 2011-5-31 22:28:24   

    点击:


滨州邹平网站建设发布外部链接时正确的插入超链接方法

Web标准的超链接:  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 < anchors.length; i++) {   var anchor = anchors[i];   找到要实现新开窗口的标签  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滨州邹平网站建设网站制作Web标准的超链接,你学会了吗?
 


http://www.gongyingwl.com/

山东共赢网络科技有限公司是一家专注高端网站建设开发的技术型网络公司,以领先的设计水平和技术实力,打造行业品牌、树立卓睿形象。公司专注公司网站建设,邹平网站设计,做网站公司,网站设计公司,网站制作公司,网站建设公司,邹平网站制作,邹平网站建设。http://www.gongyingwl.com/

全部新闻    

联系共赢邹平网站制作

邹平网站制作   地址1:滨州市邹平县山南新区新邹时代广场
地址2:烟台市莱山区万泰麓溪公馆13-B (观海路鹿鸣北区对面)
邹平网站制作   13405436529
邹平网站制作   24小时服务:13405436529
  邹平网站制作
Copyright 2004 - 2018 邹平网站制作_网站制作公司_邹平网站制作公司_做网站公司_邹平网站设计_网站设计公司_邹平网站设计公司_邹平网站建设_网站建设公司_公司网站建设_邹平网站建设公司_邹平共赢网络科技有限公司 All Right Reserved. 鲁ICP备11043023号 邹平市市场监督管理局企业主体身份公示
回到顶部