通过JS打开新窗口

当然以下的内容虽然适用于任何页面,
但我是在为了优化WordPress时候开始付诸实施的。

在HTML4.01/XHTML1.0/XHTML1.1严格DOCTYPE下,
target=”_blank”、target=”_self”等语法均无效的,
我们只好通过JavaScript来变通实现。

HTML4.0增加了一个新属性:rel,
此属性用来说明链接和包含此链接页面的关系,以及链接打开的目标。
rel有许多的属性值,比如next、previous、chapter、section等。
我们要使用的就是rel=”external”属性。

通过以下javascript代码可以实现:

function externallinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName(“a”);
for (var i=0; i

我采用的是对header.php,也就是页眉进行修改,直接在其中添加。

对于Blogroll部分,则是修改wp-includes/bookmark-template.php文件,
此操作参考的是Hoofei的文章,在此谢过。

相信这样的调整可以更好的发挥WP本身及遵守W3C的优势,
同时,又达到新窗口打开页面的目的。

当然了,有高人提醒我,有这样的方法更加智能:
通过JS,可以实现首先判断是否为站内链接,若是则进行站内跳转;
若为站外链接,则打开新窗口。
好处明显,不必写日志时候手工添加:rel=”external”。
不过对于JS的代码则会复杂一些的,一般适合生成.js文件,外部调用。

通过JS打开新窗口》有一个想法

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注