如何在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

对于您的问题，已经有很多答案了，谷歌“在iframe中访问DOM”提供了几种解决方案， 这里是一个 。

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

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