1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 点击a标签打开新窗口

点击a标签打开新窗口

时间:2021-02-05 23:10:06

相关推荐

点击a标签打开新窗口

转载自:/zhouyong0/article/details/6546339

<a href="" target="_Blank">百度</a>

_Blank是新窗口

_Self是自身

_Parent是父窗口

_Top是顶层窗口

当然也可以是自己定义的一个frame 的名字

比如

<a href="" target="frame1">百度</a>

---------------------------------------------------------------

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

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

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

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

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

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

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

解决方案一、

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

<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 href= rel="external">

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

<a> 标签的 rel 属性用于指定当前文档与被链接文档的关系。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。