Javascript 读取iframe内容html

Javascript 读取iframe内容html,javascript,jquery,html,iframe,Javascript,Jquery,Html,Iframe,在我的页面中,我有一个iframe,iframe的源是一个url,它有另一个服务器的页面 当页面加载其内容时,获取输出并将其显示在iframe中 现在,我想使用下面的代码复制iframe完全加载后的内容-- 函数getContent() { var frame=window.frames[“iView”].document; 警报(frame.getElementById('CMS').innerHTML); } 但是它不起作用,我也尝试了很多使用jquery的方法,但是在jquery中,它

在我的页面中,我有一个iframe,iframe的源是一个url,它有另一个服务器的页面

当页面加载其内容时,获取输出并将其显示在iframe中

现在,我想使用下面的代码复制iframe完全加载后的内容--


函数getContent()
{
var frame=window.frames[“iView”].document;
警报(frame.getElementById('CMS').innerHTML);
}

但是它不起作用,我也尝试了很多使用jquery的方法,但是在jquery中,它在加载iframe内容之前运行jquery,这肯定不起作用。请建议。

浏览器根据代码顺序从上到下加载页面内容

使用jqueryready函数在加载文档后使函数可用。在这种情况下,您的代码应该如下所示:

<html>
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script type="text/javascript">

    $(document).ready(function(){
        function getContent()
         {
            var frame = window.frames["iView"].document;
            alert(frame.getElementById('CMS').innerHTML);
         }

         getContent();
    });
</script>
</head>
<body>
  <iframe src="http://www.example.com/abc.jsp" name="iView" style="width:600px;height:800px;border:dotted 1px red" frameborder="0"></iframe>
</body>
</html>

$(文档).ready(函数(){
函数getContent()
{
var frame=window.frames[“iView”].document;
警报(frame.getElementById('CMS').innerHTML);
}
getContent();
});
<html>
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script type="text/javascript">

    $(document).ready(function(){
        function getContent()
         {
            var frame = window.frames["iView"].document;
            alert(frame.getElementById('CMS').innerHTML);
         }

         getContent();
    });
</script>
</head>
<body>
  <iframe src="http://www.example.com/abc.jsp" name="iView" style="width:600px;height:800px;border:dotted 1px red" frameborder="0"></iframe>
</body>
</html>