当前位置:首页 > 设计在线 > 网页设计 > CSS/Xhtml > HTML4.0中的新属性:rel

HTML4.0中的新属性:rel

点击次数:30 次 发布日期:2008-11-21 16:11:04 作者:源代码网
源代码网推荐

源代码网整理以下HTML4.0增加了一个新属性:rel,这个属性用来说明链接和包含此链接页面的关系,以及链接打开的目标。

源代码网整理以下rel有许多的属性值,比如next、previous,、chapter、section等等。我们要使用的就是rel="externa l"属性。原来这样写的代码:

源代码网整理以下<a href="document.html" target="_blank"> 打开一个新窗口</a>

源代码网整理以下现在要写成这样:<a href="document.html" rel="external">打开一个新窗口</a>

源代码网整理以下这是符合strict标准的方法。当然还必须配合一个javascript才有效。

源代码网整理以下javascript完整的代码JS如下:

源代码网整理以下

以下为引用的内容:
function externallinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
var anchor = anchors[i];
if (anchor.getAttribute("href") &&
anchor.getAttribute("rel") == "external")
anchor.target = "_blank";
}
}
window.onload = externallinks;

源代码网整理以下你可以把它保存成一个.js文件(比如external.js),然后通过外部联接方法调用:<script type="text/javascript" src="external.js"></script>

源代码网整理以下就是这样。

源代码网整理以下原因:主要是“易用性、友好性”的问题,因为老外觉得不经过用户同意,没有明确提示就打开一个新窗口是不礼貌的。

源代码网供稿.
网友评论 (0)
会员中心
设计在线
本站推荐
设计在线之精华