程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了用jQuery获取框架内容大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决用jQuery获取框架内容?

开发过程中遇到用jQuery获取框架内容的问题如何解决?下面主要结合日常开发的经验,给出你关于用jQuery获取框架内容的解决方法建议,希望对你解决用jQuery获取框架内容有所启发或帮助; | main.HTML具有以下代码:
<iframe ID=\"myframe\" src=\"myframe.HTML\"></iframe>
然后在main.HTML中触发此代码:
alert($(\'#myframe\').contents().find(\'#mypage\').contents().find(\'HTML\').HTML());
myframe.HTML具有以下代码:
<frameset>
<frame ID=\"mypage\" src=\"mypage.HTML\">
</frameset>
mypage.HTML具有以下所有代码:
<!DOCTYPE HTML>
<HTML>
<head>
</head>
Hello World!
</HTML>
我想从main.HTML页面中获取mypage.HTML的所有HTML代码,但是失败了。我的方式有什么问题?     

解决方法

        从技术上讲,我认为您不能使用框架来完成此操作,因为那将是一个安全问题。 如果确实需要,可以使用ajax加载内部框架的源。但这肯定不会直播     ,        首先,您需要在main.html上包含jquery库。 其次, Chrome返回下一个错误:   不安全的JavaScript尝试访问   带有URL文件的框架:///../myframe.html   从带有URL的框架   文件:///../main.html。域,   协议和端口必须匹配。 所以这是一个安全问题     ,        我面临着同样的问题。 我能够解决它。 在我的示例中: @H_311_3@myframe = ReportFrameReportViewerControl mypage = report 这是获取html的代码(请注意,所有站点都必须位于同一域中):
function bla()
{
    var str = 
    $(
            $(
                $(\"#ReportFrameReportViewerControl\")[0].contentWindow.document
            )
            .find(\"#report\")[0].contentWindow.document
        ).find(\"html\").html()
        ;

        alert(str);
}
您可能希望将其放置在页面加载后可以按下的按钮上:
<input type=\"button\" value=\"test\" onclick=\"bla();\" />
另外,如果要在页面加载后自动获取html,则需要注册myframe和Mypage的onload函数。 像这样(将setTableSize替换为bla):
$(document).ready(function () 
{
    $(\'#ReportFrameReportViewerControl\').load(function () 
    {
        //setNewHeight();
        //alert(\"Loading\");

        setTableSize();

        $(
            $(\"#ReportFrameReportViewerControl\")[0].contentWindow.document
        )
        .find(\"#report\").load(function () 
        {
            //alert(\"load report\");
            setTableSize();
        }
        ); // End load #report


    }); // End Function load #ReportFrameReportViewerControl


}); // End Function document.ready
    

大佬总结

以上是大佬教程为你收集整理的用jQuery获取框架内容全部内容,希望文章能够帮你解决用jQuery获取框架内容所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。