获取chrome中的iframe body html内容

Question

我在获取iframe的HTML内容时遇到问题。

JQuery的：

    $( document ).ready(function() {
        var template_html = $("#get_template_html").contents().find('body').html();
        alert(template_html);
    });

HTML

<iframe id="get_template_html" src="templates/1.html"></iframe>

这在Mozilla Firefox中运行良好，但在Google Chrome中它显示空白警报窗口。

可能是什么原因？

非常感谢！

Answer 1

将onload添加到您的iframe，然后调用JS函数。

你的JS：

function afterLoading(){
    var template_html = $("#get_template_html").contents().find('body').html();
    alert(template_html);
}

您的HTML

<iframe id="get_template_html" src="templates/1.html" onload="afterLoading();"></iframe>