iframe 中的 JavaScript 代码

标签 javascript jquery html iframe

我需要在 iframe 中运行 JavaScript 代码。但是创建 iframe 后加载了 id 为“us”的脚本。如何在 iframe 中运行此 javascript?

    <iframe id="preview">
        #document
            <html>
                <head>
                    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
                    <script id="us" type="text/javascript">
                        $("#preview").ready(function() {
                            $(".test").click(function() {
                                    alert(true);
                            });
                        });

</script>
                </head>
                <body>
                    <style></style>
                    <div class="test"></div>
                </body>
            </html>
    </iframe>

提前致谢。

最佳答案

IFrame 无法访问其外部的内容。 IFrame 内的所有内容都是单独的页面,因此您可以像这样威胁它。所以你在里面准备好你的文档。

示例:http://jsfiddle.net/ZTJUB/

// Since this is page you wait until it's loaded
$(function() {
    $(".test").click(function() {
            alert(true);
    });
});

关于iframe 中的 JavaScript 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23274389/

相关文章:

Google Chrome 中的 Jquery 动画问题

javascript - 单击按钮时如何在另一个页面上显示按钮名称

javascript - 警报显示隐藏基于用户响应

javascript - 在 knockout.js 中遍历 ko.computed 时如何访问 foreach 的索引

javascript - HTML5 &lt;script&gt; 声明

javascript - 设置值不粘

javascript - 如何在 JSFIDDLE 中包含引用

javascript - 如何在javascript或/和jquery中获取 "this"的对象名称?

html - Mailchimp 忽略媒体查询

html - 我的 CSS 悬停和事件样式不起作用