A标签在新的页面中打开,而不是就地打开

简介:

<a href="http://www.baidu.com" target="_Blank">百度</a>

_Blank是新窗口
_Self是自身
_Parent是父窗口
_Top是顶层窗口
当然也可以是自己定义的一个frame 的名字
比如
<a href="http://www.baidu.com" 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=www.163.com rel="external">

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

 

 

 

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

本文转自程序猿博客51CTO博客,原文链接http://blog.51cto.com/haihuiwei/1612271如需转载请自行联系原作者


365850153

相关文章
不使用a标签,实现点击跳转到其他页面的代码
不使用a标签,实现点击跳转到其他页面的代码
|
JavaScript
JS禁止打开控制台(鼠标右键)
JS禁止打开控制台(鼠标右键)
315 0
|
Web App开发
如何设置谷歌浏览器在新窗口中打开链接?如何设置谷歌浏览器在新标签页中打开链接?
一、快捷键方式:  1、左键单击 ==》 在当前窗口中打开目标网页。  2、Shift + 左键单击 ==》 在新窗口中打开目标网页。  3、Ctrl + 左键单击 ==》 在新标签页中打开目标网页。  4、鼠标中键点击书签即打开新的标签页,在新的标签页中显示指定的网页。
49304 0
Pyhton 使用浏览器打开本地 html(打开指定页面、新建标签栏 ....)
Pyhton 使用浏览器打开本地 html(打开指定页面、新建标签栏 ....)
142 0
|
JavaScript
从新窗口打开路由页面(Vue),可携带参数,新开一个窗口打开页面
从新窗口打开路由页面(Vue),可携带参数,新开一个窗口打开页面
123 0
xpath为什么有的网页打开,有得网页不能打开
xpath为什么有的网页打开,有得网页不能打开
禁止拖拽超链接自动在新窗口打开链接
禁止拖拽超链接自动在新窗口打开链接
138 0
|
前端开发 JavaScript
来看看怎么通过a标签打开一个对话框
来看看怎么通过a标签打开一个对话框
245 0
|
JavaScript
JS 新窗口打开超链接
JS 新窗口打开超链接
296 0