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
标签 就可以实现每次都在新窗体中打开