All articles| All Pictures| All Softwares| All Video| Go home page| Write articles| Upload pictures

Reading number is top 10 articles
asp.net的GridView控件使用大全_[Asp.Net教程]
2003环境下如何手工修复安装.NET1.1_服务器技术_编程技术
SQL,Server,2008,R2官方上市日期出炉_mssql学习_编程技术
PHP动态网页实现静态HTML技术的方法实现_php资料_编程技术
在c#中执行sql语句时传递参数的小经验_[Asp.Net教程]
PHP session常见问题集锦及解决办法_[PHP教程]
ASP.NET,2.0,中实现跨页提交_[Asp.Net教程]
AJAX快速入门之HTTP协议基础_[AJAX教程]
HTML 5 预览(2)_[Html教程]
数字的转换char,to,int
Reading number is top 10 pictures
More attractive than sora aoi1
The money of more than 100 countries and regions10
好身材能把衣服穿出3D效果
各种囧况!玩游戏最不喜欢出现的十件事
Magnificent cloud2
Chinese paper-cut grilles art appreciation6
世界五大海盗
The real super beauty9
The real super beauty14
Steal to eat bacon bird
Download software ranking
Unix video tutorial12
Tram sex maniac 2 (H) rar bag10
The cock of the Grosvenor LTD handsome
Tram sex maniac 2 (H) rar bag17
White deer villiage
Unix video tutorial2
Boxer's Top ten classic battle10
Tram sex maniac 2 (H) rar bag1
Boxer's Top ten classic battle5
Tram sex maniac 2 (H) rar bag15
归海一刀 published in(发表于) 2014/3/30 5:19:33 Edit(编辑)
target 属性怎么用 JS 来控制?_[Html教程]

target 属性怎么用 JS 来控制?_[Html教程]

target 属性怎么用 JS 来控制?_[Html教程]

  链接的 target 属性怎么用 JS 来控制?

  在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 < anchors.length; 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;

  
  原文:http://www.pagehome.cn/club/Announce/announce.asp?BoardID=101&ID=642&AUpflag=1&ANum=1




 
 
 
 
 


添加到del.icio.us 添加到新浪ViVi 添加到百度搜藏 添加到POCO网摘 添加到天天网摘365Key 添加到和讯网摘 添加到天极网摘 添加到黑米书签 添加到QQ书签 添加到雅虎收藏 添加到奇客发现 diigo it 添加到饭否 添加到飞豆订阅 添加到抓虾收藏 添加到鲜果订阅 digg it 貼到funP 添加到有道阅读 Live Favorites 添加到Newsvine 打印本页 用Email发送本页 在Facebook上分享


Disclaimer Privacy Policy About us Site Map

If you have any requirements, please contact webmaster。(如果有什么要求,请联系站长)
Copyright ©2011-
uuhomepage.com, Inc. All rights reserved.