blocks|key|4685765|text|Safari会阻止对window.open()的任何调用，这是在异步调用内部进行的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4685766|我发现这个问题的解决方案是在进行asnyc调用之前调用window.open，并在promise解析时设置位置。|4685767|var+windowReference+=+window.open();

myService.getUrl().then(function(url)+{
+++++windowReference.location+=+url;
});|code-block|syntax|javascript|4685768|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Safari is blocking any call to window.open() which is made inside an async call. 

The solution that I found to this problem is to call window.open before making an asnyc call and set the location when the promise resolves.

<pre><code>var windowReference = window.open();

myService.getUrl().then(function(url) {
 windowReference.location = url;
});
</code></pre>

blocks|key|4685691|text|要在safari中使用window.open()，必须将其放在元素的onclick事件属性中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4685692|例如：<button+class='btn'+onclick='window.open("https://www.google.com",+"_blank");'>Open+Google+search</button>|offset|length|style|CODE|4685693|entityMap^0|0|3|2Y|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

To use window.open() in safari you must put it in an element's onclick event attribute.

For example:
<code>&lt;button class='btn' onclick='window.open("https://www.google.com", "_blank");'&gt;Open Google search&lt;/button&gt;</code>

blocks|key|179828|text|你不能依赖window.open，因为浏览器可能有不同的策略。我也遇到了同样的问题，于是我使用了下面的代码。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|179829|let+a+=+document.createElement("a");
document.body.appendChild(a);
a.style+=+"display:+none";
a.href+=+<your_url>;
a.download+=+<your_fileName>;
a.click();
document.body.removeChild(a);|code-block|syntax|javascript|179830|entityMap^0|5|B|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

You can't rely on <code>window.open</code> because browsers may have different policies. I had the same issue and I used the code below instead.
<pre><code>let a = document.createElement(&quot;a&quot;);
document.body.appendChild(a);
a.style = &quot;display: none&quot;;
a.href = &lt;your_url&gt;;
a.download = &lt;your_fileName&gt;;
a.click();
document.body.removeChild(a);
</code></pre>

blocks|key|4685814|text|window.location.assign(url)此命令修复了ios设备中的window.open(url)问题|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4685815|entityMap^0|0|R|14|G|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

<code>window.location.assign(url)</code> this fixs the <code>window.open(url)</code> issue in ios devices

blocks|key|4685914|text|在新选项卡中打开链接，使用JavaScript编程用于:+safari、移动safari和其他浏览器：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4685915|const+link+=+'https://google.com';

const+a+=+document.createElement("a");
a.setAttribute('href',+link);
a.setAttribute('target',+'_blank');
a.click();|code-block|syntax|javascript|4685916|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Open link in a new tab, programatically with JavaScript for: safari, mobile safari and other browsers:
<pre><code>const link = 'https://google.com';

const a = document.createElement(&quot;a&quot;);
a.setAttribute('href', link);
a.setAttribute('target', '_blank');
a.click();
</code></pre>

blocks|key|179656|text|在Safari的"Tabs“下有一个设置，标签为Open+pages+in+tabs+instead+of+windows:，下拉列表中有几个选项。我在想你的可能设置为Always。底线是你不能依赖浏览器打开一个新窗口。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|179657|entityMap^0|O|12|2C|6|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

There's a setting in Safari under "Tabs" that labeled <code>Open pages in tabs instead of windows:</code> with a drop down with a few options. I'm thinking yours may be set to <code>Always</code>. Bottom line is you can't rely on a browser opening a new window.

blocks|key|4685983|text|使用setTimeout|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4685984|使用setTimeout将window.open(url,+'_blank')代码行包装在异步函数中也是可行的，|offset|length|style|CODE|4685985|setTimeout(()+=>+{
++++window.open(url,+'_blank');
})|code-block|syntax|javascript|4685986|setTimeout代码运行在主线程上，而不是异步线程上。在Chrome和Safari上测试过。|4685987|entityMap^0|0|D|Q|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@$D|S|E|T|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|U|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<h3>Using setTimeout</h3>
Wrapping your <code>window.open(url, '_blank')</code> line of code in the async function with a setTimeout works as well,
<pre><code>setTimeout(() =&gt; {
 window.open(url, '_blank');
})
</code></pre>
setTimeout code runs on the main thread, instead of the asynchronous one.
Tested in Chrome and Safari.

blocks|key|4685726|text|正确的语法是window.open(URL,WindowTitle,'_blank')所有参数都必须是字符串。它们不是强制的，并且窗口可以被删除。因此，如果您计划自己填充newWin.document，那么也可以使用newWin=open()。但是您必须使用所有这三个参数，第三个参数设置为'_blank'，用于打开一个新的true窗口而不是选项卡。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4685727|entityMap^0|6|11|30|D|41|8|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

The correct syntax is <code>window.open(URL,WindowTitle,'_blank')</code> All the arguments in the open must be strings. They are not mandatory, and window can be dropped. So just <code>newWin=open()</code> works as well, if you plan to populate newWin.document by yourself.
BUT you MUST use all the three arguments, and the third one set to <code>'_blank'</code> for opening a new true window and not a tab.

I've build a web page that let's you select a page name from a drop down list and then transfers the browser to that page. The code that does the transfer is

<pre><code>if (url){
 window.open(url, '_blank');
} 
</code></pre>

where "url" is the page selected.

A console log just before the window.open line prints something like:

<pre><code> executing: window.open(http://www.mywebsite.com/44/threats.html, '_blank')
</code></pre>

and then the browsers opens the page in a new tab.

This works fine on Windows 7 for all the browsers, including Safari. 

On an iMac it works for Firefox but not for Safari. 

Does anyone know why iMac/Safari won't do this?

window.open(url, '_blank'); not working on iMac/Safari

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我已经构建了一个网页，让你从一个下拉列表中选择一个页面名称，然后把浏览器转到那个页面。执行传输的代码是if (url){    window.open(url, '_blank');} 其中"url“是所选的页面。紧接在window.open行之前的控制台日志打印如下所示：    executing: window.open(http://www.mywebsite.com/44/threats.

问window.open(url，'_blank')；在iMac/Safari上不起作用
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问window.open(url，'_blank')；在iMac/Safari上不起作用EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问window.open(url，'_blank')；在iMac/Safari上不起作用
EN