【Javascript/Vue】如何解决js中超链接跳转到新的页面不被浏览器拦截？（已解决，代码实例，亲测有效）

最新推荐文章于 2026-02-13 01:13:17 发布

原创最新推荐文章于 2026-02-13 01:13:17 发布 · 563 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

26.【Vue】

当前文章被收录于：

26.【Vue】

109 篇文章 7 人学习

订阅专栏查看详情

3.【javascript】

当前文章被收录于：

3.【javascript】

88 篇文章 1 人学习

订阅专栏查看详情

4.【html】

当前文章被收录于：

4.【html】

83 篇文章 1 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

文章提供了两种方法来避免JavaScript超链接跳转被浏览器拦截。第一种是使用`javascript:void(0)`结合`onclick`事件利用`window.open`打开新窗口。第二种是创建动态`form`并以POST方式提交，实现无拦截跳转。

如何解决js中超链接跳转到新的页面不被浏览器拦截？（已解决，代码实例，亲测有效）


<body>
    ======== aaa.html ==========


    <a href="javascript:void(0)" onclick="window.open('http://www.baidu.com','_blank')">aaaaa</a>

</body>


<script>

    var form = document.createElement('form');
    form.action = 'www.baidu.com?id=1';
    form.target = '_blank';

    form.method = 'POST';

    document.body.appendChild(form);
    form.submit();

</script>

标签

#javascript #vue.js #前端