jquery通过iframe访问top文档_Jquery_Iframe_Parent_Document

jquery通过iframe访问top文档

jquery iframe

jquery通过iframe访问top文档,jquery,iframe,parent,document,Jquery,Iframe,Parent,Document,我早就让它起作用了，但由于某种原因它不再起作用了。有人能解释一下为什么现在不行吗包含iframe的第一页：测试1 div iframe内容 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <title>test 2</title&g

我早就让它起作用了，但由于某种原因它不再起作用了。有人能解释一下为什么现在不行吗

包含iframe的第一页：


测试1
div

iframe内容

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
    <head>
        <title>test 2</title>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script>
           $(document).ready(function () {
               $("#clickme").click(function(){
                   $("#thediv", top.document).css("background","#ff0000");
                   alert($("#thediv", top.document).text());
               });
           });
        </script>
    </head>
    <body>
        <a href="#" id="clickme">clickme</a>
    </body>
</html>


测试2
$（文档）.ready（函数（）{
$（“#单击我”）。单击（函数（）{
$（“#thediv”，top.document）.css（“background”，“#ff0000”）；
警报（$（“#thediv”，top.document）.text（））；
});
});

这在Firefox9中运行良好

请记住，对于动态添加的元素，.click（）不起作用

更新：由于安全原因，这是不允许的。请查看此线程：

好的，我无法在我的本地计算机上运行此线程，但是在我的实时文件中，我在iframe src路径中使用了完整的url，尽管它在同一个域中，但无法运行。。。删除url路径后，它似乎可以正常工作。。。无论如何，谢谢

通过更多测试，iframe的表现似乎与顶级文档一样。。还不知道为什么。好的，如果我在iframe内容中添加一个ID为“thediv”的div，代码将对该div而不是top.document作出反应…您是正确的，这在ff9中有效，但在chrome中无效。。。这是在同一个域中，因此不应违反任何安全性。。我目前在另一个网站上运行类似的东西，我在iframe中使用top.document来隐藏在chrome中工作的父级中的div。。。这就是我感到困惑的原因。Chrome确实在java脚本控制台中显示安全警告。