a 标签打开新窗体target="_blank"失效
展开阅读全文

问题在 a 标签中 已加入 target="_blank"

而网页打开 只在一个新窗口中打开

始终都在改新窗口中刷新内容

用户如果失去该窗口的焦点

在原窗口中点击 a 标签 用户 看不到 新打开的窗体

实际已在失去焦点的窗体中 刷新了内容

会给用户造成错觉 这就是为什么现在大家浏览有些网站 会发现这个问题

解决方案一(最推荐使用,mycjl试过,童嫂无欺)

直接在js点击触发事件里面加入

window.open('http://网站链接');//就可以想跳就跳,不想跳就不跳

解决方案二

1、在 head 标签 加入

这样就能每次点击 打开新窗口 //这个对于每次点击都新建窗口的,可以用这个

解决方案三

2、新建一个JS脚本文件 external.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;

在前台写成

<a href="网站链接" rel="external">

在点击a 标签 就可以实现每次都在新窗体中打开