在新窗口/标签中打开 Google Docs iframe 链接在 Internet Explorer 中不起作用

Posted

技术标签:

【中文标题】在新窗口/标签中打开 Google Docs iframe 链接在 Internet Explorer 中不起作用【英文标题】:Open Google Docs iframe link in new window/tab not working in Internet Explorer 【发布时间】:2016-03-20 02:17:35 【问题描述】:

我在我的 html 页面中嵌入了一个链接到 Google Doc 的 iframe。但是,在使用 Internet Explorer 时,链接会在 iframe 中打开。我希望链接在新窗口或新标签中打开。

我已经搜索了这个问题的答案并找到了以下代码,但它在 Internet Explorer 或 Edge 中不起作用,显然是由于 IE 无法识别 srcdoc

有人知道跨浏览器解决方案吗?

<script src="js/jquery-1.8.3.min.js"></script>

<iframe srcdoc="" frameborder="0" scrolling="no"  style="height:1000px; width:100%"></iframe>

<script>
    $(function() 
        $.get("https://docs.google.com/document/d/1fwt5APDmopqJ6R3aAzg_WCJBhbju1l03DtiSWNbYntg/pub?embedded=true", function(html) 
        var contents = $("iframe").contents();

        contents.find("html").html(html);

        setTimeout(function() 
            contents.find('a[href^="http://"]').attr("target", "_blank");
            contents.find('a[href^="https://"]').attr("target", "_blank");
        , 1000); 
    );
);

【问题讨论】:

【参考方案1】:

哇!我想我找到了解决办法

在上面的代码中,只需将 srcdoc="" 改为 src="" 即可在 IE 中运行

谁能确认这个解决方案是安全的?我不想破坏互联网!

【讨论】:

以上是关于在新窗口/标签中打开 Google Docs iframe 链接在 Internet Explorer 中不起作用的主要内容,如果未能解决你的问题,请参考以下文章

什么时候应该在新标签/窗口中打开链接?

在新标签/窗口/弹出窗口中打开外部网站

在新标签页中从 iframe 中打开 PDF - Google Chrome

使用 JavaScript 检测在新窗口/标签(目标=_空白)中打开的功能

捕获“在新选项卡中打开链接”和“在新窗口中打开链接”事件

Mac电脑打开文件夹在新标签还是新窗口的设置问题