a 标签打开新窗体 target=“_blank“ 失效解决办法

最新推荐文章于 2023-06-05 19:50:02 发布

乡野码夫

最新推荐文章于 2023-06-05 19:50:02 发布

阅读量3.6k

点赞数 1

原文链接：https://blog.csdn.net/gzy11/article/details/5643202/

版权

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

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

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

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

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

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

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

解决方案一、

1、在 head 标签加入

<head><base target="_blank" /></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 标签就可以实现每次都在新窗体中打开
————————————————
版权声明：本文为CSDN博主「蜗牛水里爬」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/gzy11/article/details/5643202/

乡野码夫

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
a 标签打开新窗体 target=“_blank“ 失效解决办法

问题在 a 标签中已加入 target="_blank"而网页打开只在一个新窗口中打开始终都在改新窗口中刷新内容用户如果失去该窗口的焦点在原窗口中点击 a 标签用户看不到新打开的窗体实际已在失去焦点的窗体中刷新了内容会给用户造成错觉这就是为什么现在大家浏览有些网站会发现这个问题解决方案一、1、在 head 标签加入<head><base target="_blank" /></head>这样就能每次点击打开新窗口解决方案二、
复制链接

扫一扫