javascript - 打开新选项卡时使用 Javascript 刷新当前打开的选项卡

标签 javascript jquery tabs

当通过单击第一个选项卡中的链接打开新选项卡时,是否可以刷新当前打开的选项卡? 基本上,最终结果是这样的:第一个选项卡打开,单击第一个选项卡中打开的页面上的链接(使用鼠标中键或类似的东西,只是为了使其在第二个选项卡中打开),单击的链接将在第二个选项卡中打开,然后自动刷新第一个选项卡。我希望我的解释是可以理解的。注意:我不是在设计自己的网站,而是想用 Greasemonkey 为该网站制作一个插件。

最佳答案

假设您的页面上有此链接:

<a href="http://server.com/url-to-second-tab" target="_new">Link which opens new tab and refreshes current one</a>

在 js 脚本中添加以下内容(假设您使用的是 jQuery,如您所述):

$(document).ready(function(){
   $('body').on('click','a',function(e){
        e.preventDefault()
        // Open new tab - in old browsers, it opens a popup window
        window.open($(this).attr('href'), '_blank');
        // reload current page
        location.reload();
   })
})

请在所有浏览器中进行测试,因为在某些浏览器中,它可能会以弹出窗口而不是新选项卡的形式打开链接。

作为快速测试,在 Chrome 上使用 F12 开发者工具打开,并在控制台中写入:

window.open('https://google.com', '_blank');location.reload();

关于javascript - 打开新选项卡时使用 Javascript 刷新当前打开的选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40530121/

相关文章:

javascript - SO 的 javascript 中的 "".split( "")

javascript - 更改数组中的特定对象

jquery - 将不同大小的div元素按指定顺序对齐

javascript - 更新谷歌地图标记而不重建 map

java - 如何在写入文本文件时使用 "tab space"

android - 移除灰度 TabWidget 边框/边缘

jquery - 验证html中的选项卡式 Pane

javascript - 一种用于二叉树搜索、遍历、插入和删除的算法

javascript - 如何访问模板内的 Angular 1.5 组件属性

javascript - 带有内容的 Bootstrap 4 选项卡无法正确使用仪表板