<a> 标签的 target 属性规定在何处打开链接文档。

如果在一个 <a> 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,超链接文档就可以指向这个新的窗口。

设置超链接在新的窗口中打开的方法如下:

<a href="http://blog.csdn.net/xjun0812?viewmode=list" target="_blank">文章列表(新窗口打开)</a>

点击测试(新窗口打开)

点击测试(本窗口打开)

其他设置:

_self:默认。在相同的框架中打开被链接文档

_parent:在父框架集中打开被链接文档。

_top:在整个窗口中打开被链接文档

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

<a href=" http://blog.csdn.net/xjun0812?viewmode=list"target="frame1">文章列表</a>

      扩展

问题在 a 标签中已加入 target="_blank",而网页打开只在一个新窗口中打开,始终都在改新窗口中刷新内容,用户如果失去该窗口的焦点,在原窗口中点击 a 标签用户 看不到 新打开的窗体,实际已在失去焦点的窗体中刷新了内容,会给用户造成错觉,这就是为什么现在大家浏览有些网站会发现这个问题。

解决方案一

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

<head><basetarget="_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;

html中写成:

<a href="http://www.baidu.com" rel="external">

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

最后,时间仓促,资质有限,文中表述仅代表个人观点,部分内容参考自网络,不准确的地方还望见谅,欢迎严厉地指正。

设置超链接在新的窗口中打开,而不是在本窗口中打开相关推荐

  1. 计算机初中教师资格教案,教师资格初中信息技术《设置超链接》教案

    一.教学目标 1.能够为网页中的文本和图像设置超链接. 2.通过教师演示.自主探究等方法,提高观察和动手操作的能力. 3.在探究设置超链接的过程中,能够感受到网页制作的乐趣,提高学习的积极性. 二.教 ...

  2. matlab中surf出来要有颜色,matlab中surf什么意思

    三维曲面(色)图. 语法: surf(X,Y,Z) surf(X,Y,Z,C) surf(Z) surf(Z,C) surf(ax,___) surf(___,Name,Value) s = surf ...

  3. css中a标签超链接在新窗口中打开以及超链接去除/添加下划线

    css中a标签超链接属性设置 超链接基本语法: <a href="http://www.baidu.com">点击我会跳转到百度</a> a标签默认颜色为蓝 ...

  4. 如何设置谷歌浏览器在新窗口中打开搜索链接

    如何设置谷歌浏览器在新窗口中打开搜索链接 https://blog.csdn.net/zhangxiaoyang0/article/details/66968495

  5. 如何打开sln文件并显示窗口_在.sln文件中设置Visual Studio默认启动项目的简单方法...

    昨天在一台电脑上用git新签出一个项目进行build,却出现一堆编译错误,而在原先的开发机上build无任何错误.对比分析后发现,开发机上VS的启动项目(startup project)与这台电脑上的 ...

  6. html中链接设置,html中怎么设置超链接

    html中设置超链接的方法:首先在html的body部分中,添加"超链接文本"语句来设置链接节点:然后在a标签中使用href属性规定链接指向的页面的URL即可:具体语法" ...

  7. html语言如何编辑超链接,互联网常识:html中怎么设置超链接

    html中设置超链接的方法:首先在html的body部分中,添加"超链接文本"语句来设置链接节点:然后在a标签中使用href属性规定链接指向的页面的URL即可:具体语法" ...

  8. js -- 打开新窗口(window.open)、关闭窗口(window.close)

    open() 方法可以查找一个已经存在或者新建的浏览器窗口. 语法: window.open([URL], [窗口名称], [参数字符串]) 参数说明: URL:可选参数,在窗口中要显示网页的网址或路 ...

  9. C++ 主程序中打开子程序窗口隐藏,操作控件 遍历窗口控件句柄EnumChildWindows();获取其他程序进度条数据 操作选择框 按钮点击

    1.线程启动子程序  ShowWindow(hWnd, SW_SHOW)显示 ShowWindow(hwnd, SW_HIDE);隐藏 system_hide(L"Odin3.exe&quo ...

最新文章

  1. python的lambda函数_Python-Lambda函数的范围及其参数?
  2. 了解TCP的三次握手和四次挥手
  3. mysql安装包及驱动下载
  4. 计算机基础17秋在线作业3,西南大学17秋1056《计算机基础》在线作业(参考资料)...
  5. mc 服务器设置自动重启,《我的世界》服务器重启方法介绍 如何重启服务器
  6. irlr7843引脚图_IRLR7843PBF中文资料
  7. 一个放在口袋里的项目,将社交裂变做到了极致
  8. 迪文串口屏TTL与主控板RS232电平信号转换方案
  9. vue常用插件(一)
  10. 怎样写一篇critical review
  11. 【Proteus+51单片机学习笔记】-51/52系列单片机简介
  12. 手势控制鼠标的操作(不指屏幕实现简单触屏)
  13. 求助华为HG8321R光猫这样还有救吗
  14. 数值分析·学习 | 拉格朗日插值法matlab实现
  15. 人脸识别被滥用,三人成虎不足挂齿?
  16. Visual C++ 2013 and Visual C++ Redistributable
  17. DSP TMF320F2803x 串行通信接口SCI
  18. dota2 java_电竞Dota2数据API接口 - 【战队列表】调用示例代码
  19. 直链下载Windows和office安装包,这个网站值得收藏
  20. SQL查询结果限制返回行数

热门文章

  1. 【转】 ASP.NET 3.5中使用新的ListView控件
  2. Redhat7.4安装Oracle11g详细步骤
  3. [Android L]SEAndroid开放设备文件结点权限(读或写)方法(涵盖常用操作:sys/xxx、proc/xxx、SystemProperties)热门干货
  4. python 测试用例中设置执行时间_Python基于unittest实现测试用例执行
  5. processing文本可视化_推荐7个数据可视化工具,让你的信息快速生成可视化
  6. 如何使用视频转换器将flv格式文件转换为MP4格式
  7. CentOS 查看系统版本号
  8. 5G是卡位未来的重要基础设施 物联网已成为新的攻击入口
  9. 张家口张北:加速“云计算”产业集聚
  10. CMD命令名详细大全