a标签重新打开窗口
2016-04-01 17:01
85 查看
<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 属性用于指定当前文档与被链接文档的关系。
_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 属性用于指定当前文档与被链接文档的关系。
相关文章推荐
- 别的不说,我就呵呵,干呵呵!
- HDU - 5187 - zhx's contest (高速幂+高速乘)
- 禁用启用oracle数据库中所有约束(c#实现)
- PID算法浅析
- 反射,JDK
- Redis详解
- nginx服务器反向代理tomcat
- 设计模式总结
- 网页内嵌多媒体 IE,Mozilla、Firefox、NetScape、Opera
- c#类的初使用
- jQuery过滤性选择器
- 0-1背包(回溯法)
- Mybatis-Session生成详细分析
- Linux共享对象之编译参数fPIC
- 希腊字母读音笔记
- TSP问题中,蚁群算法的应用
- CentOS 6.4 x86_64 部署 nginx 服务器实现点播功能
- RabbitMQ学习博客推荐
- Jquery常用方法(转)
- 随记(九)--确定两个地点的经纬度,自制驾车路线并计算其距离