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

来源：互联网发布：基于java的毕业设计编辑：程序博客网时间：2024/04/28 16:43

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

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

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

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

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

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

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

解决方案一、

1、在 head 标签加入<base target="_blank" />

这样就能每次点击打开新窗口

解决方案二、

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

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