首页 > JavaScript > 如何在新选项卡中打开 URL,而不是弹出窗口。

如何在新选项卡中打开 URL,而不是弹出窗口。

上一篇 下一篇

我正在尝试在新选项卡中打开 URL,而不是弹出窗口。

我见过相关问题,其中的回答如下所示:

window.open(url,'_blank');
window.open(url);

但是它们都不适合我,浏览器仍然试图打开一个弹出窗口。

分割线

网友回答:

window.open()如果未在实际点击事件中发生,则不会在新选项卡中打开。在给定的示例中,URL 是在实际点击事件上打开的。如果用户在浏览器中具有适当的设置,这将起作用

<a class="link">Link</a>
<script  type="text/javascript">
     $("a.link").on("click",function(){
         window.open('www.yourdomain.com','_blank');
     });
</script>

同样,如果您尝试在单击函数中执行 Ajax 调用并希望在成功时打开一个窗口,请确保使用选项集执行 Ajax 调用。async : false

分割线

网友回答:

这是一个把戏,

function openInNewTab(url) {
  window.open(url, '_blank').focus();
}

// Or just
window.open(url, '_blank').focus();

在大多数情况下,这应该直接发生在链接的处理程序中,以防止弹出窗口阻止程序和默认的“新窗口”行为。您可以通过这种方式执行此操作,也可以通过向对象添加事件侦听器来执行此操作。onclickDOM

<div onclick="openInNewTab('www.test.com');">Something To Click On</div>

参考:使用 JavaScript 在新标签页中打开 URL

分割线

网友回答:

作者无法选择在新选项卡中打开任何操作,而不是在新窗口中打开;这是用户首选项。(请注意,大多数浏览器中的默认用户首选项是针对新选项卡的,因此在尚未更改该首选项的浏览器上进行的简单测试不会证明这一点。

CSS3提出了新的目标,但该规范被放弃了。

反之则不然;通过在 的第三个参数中为窗口指定某些窗口功能,可以在首选项为选项卡时触发新窗口。window.open()

模板简介:该模板名称为【如何在新选项卡中打开 URL,而不是弹出窗口。】,大小是暂无信息,文档格式为.编程语言,推荐使用Sublime/Dreamweaver/HBuilder打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【JavaScript】栏目查找您需要的精美模板。

相关搜索
  • 下载密码 lanrenmb
  • 下载次数 296次
  • 使用软件 Sublime/Dreamweaver/HBuilder
  • 文件格式 编程语言
  • 文件大小 暂无信息
  • 上传时间 03-03
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
热门推荐 更多 >
微信文章 自适应 响应式 微信素材 微信公众平台 单页式简历模板 微信模板 微信图片 html5 企业网站
您可能会喜欢的其他模板