javascript - 从 iframe 获取数据

标签 javascript jquery html

我是第一次这样做。我在我的页面上创建了一个 iframe,我希望通过 jqueryiframe 中获取文本。 这是我的代码:

<html>
  <head><script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

    <script type="text/javascript">
    function copyIframeContent(iframe){  
        var iframeContent = $(iframe).contents(); //alert(iframeContent);
        //$("#result").text("Hello World");
        $("#result").html(iframeContent.find('body').html);alert(iframeContent.find('body').html());
    }
    </script>
  </head>
  <body>
    <iframe id="myIframe" onload="copyIframeContent(this);" name="myIframe" src="text.php"></iframe><br />
    Result:<br />
    <textarea id='result'></textarea>
    <input type="button" value="click" id="btn" onclick="aa()">
    <script type="text/javascript">
         function aa(){  alert("Fdf");
            alert(document.getElementById('myIframe').contentWindow.document.body.innerHTML);
    }
    </script>
  </body>
</html>

文本.php:

text to change

我在所有浏览器中尝试了很多,但仍然无法正常工作。 任何人都可以帮助我获取此内容吗?

最佳答案

contentWindow 适用于 FF 和 chrome

document.getElementById('myFrame').contentWindow.document.body    

会给你一个 DOM 元素体

你也可以尝试类似的东西

 window.frames['myIframe'].document.body    

这可能对你也有帮助

您的浏览器内置安全性可能存在问题。如果你在本地机器上运行它。有一种方法可以禁用浏览器安全性。

关于javascript - 从 iframe 获取数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16589306/

相关文章:

javascript - Angular 加载 Json 错误

javascript - 在 React Native 中使用 useState 钩子(Hook)的 useAsyncStorage 自定义钩子(Hook)

javascript - 使用 AMD 在 Typescript 中引用文件(模块)

jquery - 获取多个数据属性

python - 如何去除html中的特殊字符

javascript - getFileAsync 太慢,导致appendChild 追加到数组中的最后一个div

Javascript 的 getElementById 在我的循环中不起作用

javascript - 为什么我应该选择在 AngularJS 中使用服务而不是工厂?

php - jqplot 图表未显示在我的 jquerymobile 页面中

javascript - if 语句逻辑未产生期望的结果