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

相关文章
如何在 Umi 中使用 Keep Alive
如何在 Umi 中使用 Keep Alive
4682 1
如何在 Umi 中使用 Keep Alive
|
存储 缓存 算法
淘宝购物车扩容与性能优化(下)
淘宝购物车扩容与性能优化(下)
495 3
|
存储 缓存 数据管理
HarmonyOS学习路之开发篇—数据管理(轻量级数据存储)
轻量级数据存储适用于对Key-Value结构的数据进行存取和持久化操作。应用获取某个轻量级存储对象后,该存储对象中的数据将会被缓存在内存中,以便应用获得更快的数据存取速度。应用也可以将缓存的数据再次写回文本文件中进行持久化存储,由于文件读写将产生不可避免的系统资源开销,建议应用减少对持久化文件的读写频率。
|
3月前
|
人工智能 自然语言处理 监控
2025年GEO优化服务商推荐:森潮GEO支持多平台AI搜索排名优化
2025年AI搜索重塑营销格局,GEO优化成企业新战场。森潮GEO凭借AI先发优势,助力品牌在DeepSeek、文心一言等平台实现“一问就有你”,抢占用户决策C位,引领从SEO到GEO的范式革命。
|
9月前
|
JSON API 数据处理
掌握 JSON 到表格转换:全面指南
本文探讨了将JSON转换为表格格式(如CSV、Excel)的方法,助力高效数据处理与可视化。内容涵盖Python(Pandas库)、在线工具、Excel/Google Sheets、命令行工具(jq/csvkit)及数据库等多种方式,并分析了转换中的挑战与最佳实践。此外,还介绍了Apipost在API开发测试中的应用,帮助优化数据处理流程,提升开发效率。适合不同技术水平的用户学习参考。
|
前端开发 JavaScript UED
react-router 里的 Link 标签和 a 标签有什么区别
`react-router` 中的 `Link` 标签与 HTML 中的 `a` 标签的主要区别在于:`Link` 是专门为 React 应用设计的,用于实现客户端路由导航,不会触发页面的重新加载,而 `a` 标签则会刷新整个页面。使用 `Link` 可以提升应用的性能和用户体验。
|
JavaScript
MAC升级nodejs和npm到最新版
第一步,先查看本机node.js版本: node -v 第二步,清除node.js的cache: sudo npm cache clean -f 第三步,安装 n 工具,这个工具是专门用来管理node.
6367 0
|
Docker 容器
【赵渝强老师】使用二进制包方式安装Docker
本文介绍了在企业生产环境中无法直接访问外网时,如何使用Docker官方提供的二进制包进行Docker的离线安装。文章详细列出了从安装wget、下载Docker安装包、解压、复制命令到启动Docker服务的具体步骤,并提供了相关命令和示例图片。最后,还介绍了如何设置Docker为开机自启模式。
544 0
|
前端开发
(css必看)禁止用户拖动,禁止选中复制,禁止输入框输入
(css必看)禁止用户拖动,禁止选中复制,禁止输入框输入
699 1
|
前端开发 流计算
css:text-decoration给文字增加上划线、删除线、下划线
css:text-decoration给文字增加上划线、删除线、下划线
3263 0
css:text-decoration给文字增加上划线、删除线、下划线