在新窗口/标签中打开Goog​​le文档iframe链接无法在Internet Explorer中使用

时间:2015-12-14 14:43:28

标签: jquery internet-explorer iframe hyperlink

我在链接到Google文档的html页面中嵌入了一个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 个答案:

答案 0 :(得分:0)

哇!我想我找到了解决方案

在上面的代码中,只需更改srcdoc =&#34;&#34;到src =&#34;&#34;它适用于IE

有人能证实这个解决方案是安全的吗?我不想打破互联网!