如何访问 iframe 中的数据？

Question

我一直在尝试从 iframe 访问数据。我正在研究codeigniter。我花了一整天的时间寻找解决方案，但没有运气。我不是javascript专家，所以对我来说变得越来越难。请看我的代码。

home-upload-dialog.php查看文件

<div id="popup-contents">
    <iframe id="upload-frame" frameborder="0" scrolling="no" height="200" width="100%" src="<?php echo site_url('home/upload_area/' . $_REQUEST['count']);?>"></iframe>
</div>
<input type="button" value="click me" onclick="run()">
<script>
    run() {
        var iframedoc = document.getElementsByTagName('iframe')[0].contentWindow.document;
        var inputs = iframedoc.getElementById('text');
        console.log(inputs);
    }
</script>

home.php控制器

upload_area() {
    $data['count'] = $count;
    $this->load->view('upload-area', $data);
}

upload-area.php查看文件

<!DOCTYPE html>
    <html>
    <head>
        <title>Title here</title>
    </head>
    <body>
        <input type="text" name="text" id="text" value="someValue">
    </body>
    </html>

我收到错误消息Uncaught TypeError: Cannot read property 'contentWindow' of undefined 我可能忽略了一些事情。任何帮助将不胜感激！

我也尝试了$('iframe').contents().find('#text').html();，但没有成功。

Answer 1

你的问题已经有很多答案了，google "access DOM inside iframe" 有几个解决方案，here is one。

通常请记住，如果出于安全原因将 iframe 加载到另一个域中，您无法访问 iframe 数据（否则想象一下来自 Facebook 的“Like”小部件，您可以加载它然后窃取访问您网站的用户的授权 cookie...)

编辑：请注意，上面的安全限制包括有趣的情况，例如您的网站是从“www.domain.com/page.php”加载的，而您的 iframe 是从“domain.com/iframe.php”加载的"，所以检查一下。