JS中如何在新标签页打开链接

最新推荐文章于 2024-11-27 09:41:42 发布
原创 最新推荐文章于 2024-11-27 09:41:42 发布 · 6.9k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html5 #web

本文详细介绍了HTML中a标签的target属性，解释了其不同值的含义，如_blank和_self，以及如何在JavaScript中使用window.open()和window.location.href来控制链接在新标签页或当前页面打开。

a标签

在a标签中，有个属性target，作用就是控制连接是在什么地方打开的；
target的值:

1."_blank", 在新标签页打开连接
2."_self", 在自身所在页面打开连接（如果连接是在iframe中，则就是在iframe中打开）

在JS中打开链接

如果在JS中打开链接，window.location.href是在本页面打开，而在新标签页打开则可以使用window.open(“地址”)这种方式来打开页面。

如果在已经打开的网页里面，我点击了一个链接，这个链接在新的标签页打开，如何能得到新的标签页其返回的数据收发数据。
weixin_42771529的博客
07-05 714
但是，上面的代码有一个问题，那就是它直接使用`window.open`方法在新标签页中打开链接，而这种方法并不会触发Selenium的监听，因此你不会捕捉到新标签页中的任何请求。为了真正解决这个问题，你应该使用`link.send_keys(Keys.CONTROL + '\n')`来模拟用户按Ctrl+N的行为，或者使用`Keys.CONTROL + 't'`来打开新标签页，然后在新标签页中导航到链接的目标URL。# 使用JavaScript在新标签页中打开链接。# 在新标签页中打开链接。
Javascript控制页面链接在新窗口打开具体方法
01-21
第一个方法就是用jquery实现，原理是这样的先找到站点中的外部链接，然后再给链接加上target=_blank”属性就搞定了，代码如下：jquery在新窗口打开  代码如下:$(“a[href*=’http://’]:not([href*='”+location.hostname+”‘]),[href*=’https://’]:not([href*='”+location.hostname+”‘])”).addClass(“external”).attr(“target”,”_blank”);js在新窗口打开  代码如下:var aTag = document.getElementsByTa
在新标签页中打开链接「Open link in new tab」-crx插件
03-21
该扩展强制页面中的链接在新选项卡中打开。 此扩展名将帮助您强制页面中的链接在新选项卡中打开。您可以在选项中配置url。。更改日志：1.0.7版：修复了导致用户无法正确保存选项的错误。感谢@ joelw135 支持语言:English (United States)
js在新页面打开一个链接
得塔云的博客
03-27 2221
请注意，出于安全原因和用户体验的考虑，许多现代浏览器会限制或阻止脚本自动打开新窗口或标签。例如，如果用户在没有任何用户交互（如点击按钮或链接）的情况下运行此脚本，浏览器可能会阻止它。是一个特殊的目标名称，它告诉浏览器在新的窗口或标签中打开链接。在JavaScript中，如果你想要在新页面（新的浏览器标签或窗口）中打开一个链接，你可以使用。，大多数浏览器也会在新标签中打开链接，但这并不是标准行为，所以最好明确指定。这个方法接受一个URL作为参数，并尝试在新窗口或新标签中打开它。
JavaScript打开新链接
荷塘月色
12-24 1984
而如果考虑使用js实现的话，可以考虑使用下面的两种方式（设置控件的触发事件）。HTML其实就是超链接的效果。超链接的默认打开方式就是这种。
js 在新标签页中打开链接
个人站点： macrotea.cn/nav
10-10 868
  当ajax返回数据成功,则在新标签页中打开链接:     success: function(data) {     var resourceApplyId = data;     if(resourceApplyId!=null && resourceApplyId!=""){         var openPageUrl = contextPath + ...
javascript window属性和方法
faunjoe的专栏
07-22 1064
熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用 掌握window对象的moveTo、resizeTo、scrollTo、print方法的使用 熟练掌握window对象的status、location、n
NewTabMe:在新标签页中打开每个链接
05-18
在这个案例中，JavaScript起着关键作用，因为它是实现新标签页打开链接功能的核心编程语言。 JavaScript是一种轻量级的、解释型的、面向对象的脚本语言，广泛用于Web开发。在Chrome扩展中，JavaScript可以访问...
pinned-out:用于在新标签页中打开固定标签页链接的 Chrome 扩展程序
06-05
一个 Chrome 扩展，用于在新标签中打开固定标签中的链接，从而保留固定标签的状态/位置。 对于任何人，像我一样，出于某种原因固定标签。 特征 排除域受到影响 在新选项卡中打开所有链接或仅打开外部链接的选项 跨...
在新标签页中打开：始终在新标签页中打开指定域列表的链接
02-05
在新标签页中打开指向指定域列表的链接 在本地构建的步骤 安装webpack（ npm install -g webpack ） 克隆存储库（ git clone git@github.com:ramkumar-kr/open-in-new-tab.git ） 在react-new-tab-firefox目录中...
JS新标签页打开，让你的网站访问更加便捷
希望看完文章的你能够带着答案离开。
06-05 6686
JS新标签页打开，让你的网站访问更加便捷
js在当前页面用新窗口打开链接
最新发布
忘忧
11-27 552
在当前页面`指定位置`，`指定窗口大小`，用`新窗口`打开链接。
js 打开新页面（网址）
jackeylovestar的博客
10-12 4760
js 打开新页面（网址）
使用JS让链接从新窗口打开
soledede
09-25 374
当网页内出现很多链接，且链接需要在新窗口打开时。使用程序自动target=”_blank”的话页面代码量会变大。下面是使用JS来时某个Div层里的链接在新窗口打开的方法。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra...
JavaScript 打开新链接的方式
Super Livia
05-06 4542
<a onclick="window.open('http://www.runoob.com', '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');"> 1、点我在新窗口打开页面 </a> <br> <input type="button" value="加载...
JavaScript 打开新链接的两种方式
热门推荐
艾米粒's Blog
01-12 1万+
1.超链接<a href="http://www.xuheyao.win" title="Emily's Blog">Welcome</a>等效于js代码window.location.href="http://www.xuheyao.win"; //在同当前窗口中打开窗口2.超链接<a href="http://www.jb51.net" title="脚本之家" target="_bla
js 新窗口打开链接
weixin_30633949的博客
09-18 446
window.open(data.data.url); 转载于:https://www.cnblogs.com/jasonxiaoqinde/p/7542180.html
Ghost外部链接插件：在新标签页中打开外部链接
“ghost-external-links”是一个专为Ghost内容管理系统（CMS）设计的准插件工具，其主要功能是自动识别博客文章中的外部链接，并通过添加`target="_blank"`属性使这些链接在新标签页或新窗口中打开。该工具利用了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值