javascript - 为什么 window.open() 不直接在 <script> 标签中工作？

Question

似乎 javascript 的函数 window.open() 不能直接在脚本标记中工作，它必须在函数内部并且必须调用该函数，为什么是这样和 thanx？

示例:

//Not working
<div>
<button> Click here </button>
</div>
<script>
var w = window.open("http://www.stackoverflow.com/");
</script>

//Working
<div>
<button onclick=n()> Click here </button>
</div>
<script>
function n(){
var w = window.open("http://www.stackoverflow.com/");
}
</script>

Answer 1

window.open 将在函数内和函数外工作。但是当您在没有实际用户操作 的情况下调用它时会出现问题。浏览器的弹出窗口阻止程序会阻止它打开新窗口/选项卡。

您将在浏览器中看到此警告。

您可以通过禁用弹出窗口阻止程序来使其工作。

您还可以通过在实际用户操作中添加对 window.open 的调用来使其工作，例如:

<script>
window.addEventListener("click", function() {
  window.open("https://www.stackoverflow.com/");
});
</script>

当您单击窗口时，它将起作用。