菜鸟教程小白 发表于 2022-12-11 18:34:25

javascript - 使用 Javascript/jQuery 在 iOS 10.3.3 (safari) 中打开一个新选项卡


                                            <p><p>如何在 iOS 10.3.3 Safari 浏览器中使用 javascript 在新标签页中打开 pdf。
将发生虚拟点击的 html 元素被隐藏。</p>

<pre><code>&lt;a id=&#34;obv-download&#34; target=&#34;_blank&#34; download=&#34;download&#34; href=&#34;&#34;&gt;&lt;/a&gt;
</code></pre>

<p>使用 Ajax href 字段已填满，我需要相同的 anchor 链接才能在新选项卡中打开。我用于打开 pdf 的代码如下(在 iOS 10.2 之前工作正常)。</p>

<pre><code>$(&#39;#id_of_elem&#39;).attr(&#39;href&#39;, url);
var click_ev = document.createEvent(&#34;MouseEvents&#34;);
click_ev.initEvent(&#34;click&#34;, true, true);
document.getElementById(&#34;id_of_elem&#34;).dispatchEvent(click_ev);
</code></pre>

<p>我已经试过了</p>

<pre><code>$(&#34;#id_of_elem&#34;).click();
</code></pre>

<p>和</p>

<pre><code>window.location.href(&#39;link&#39;);
</code></pre>

<p>但他们没有锻炼。</p>

<p>请帮帮我</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>在没有用户点击的情况下自己在新标签页或新窗口中打开链接是不可能的，浏览器会阻止弹出窗口滥用。您可以等待用户点击“下载 PDF”(使用类似这样的内容:<code><a href='/doc.pdf' download target='_blank'>Download the PDF</a></code>) 或者您可以删除 <code>"target=_blank"</code>，然后弹出窗口阻止程序不会阻止下载(但是，这将导致导航离开您的页面。)</p></p>
                                   
                                                <p style="font-size: 20px;">关于javascript - 使用 Javascript/jQuery 在 iOS 10.3.3 (safari) 中打开一个新选项卡，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/45898470/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/45898470/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: javascript - 使用 Javascript/jQuery 在 iOS 10.3.3 (safari) 中打开一个新选项卡