首页 > 影迷 > 科技博览 正文

父窗口和子窗口(Iframe)的相互调用

原创2020-02-14 10:08:20 0 67
  1. 在父窗口中获取Iframe中的元素
    (1) JQuery
        // 方式1
        $("#iframe的id").contents().find("#iframe中控件的id").事件();
        //方式2
        $("#iframe中控件的id",document.frames("iframe的name").document).事件();
    (2) JS
    window.frames["iframe中的name值"].document.getElementById("iframe中控件的id").事件();

  2.  在Iframe中获取父窗口中的元素
    (1) JQuery
    $('#父窗口中元素的id', parent.document).事件();
    (2) JS
    window.parent.document.getElementById("父窗口中元素的id").事件();注意:

  3. 父窗口想获得IFrame中的Iframe,就再加一个frames子级就行了,如:$(window.frames["iframe1"].frames["iframe2"].document).find("input:radio").attr("checked","true");

  4. >>本地测试时会报如下错误:
    Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.
    >>原因:跨页面操作涉及域的概念(origin),错误的意思是:未捕获的安全错误:阻止了一个域为null的frame页面访问另一个域为null的页面。代码运行时在本地直接用浏览器打开的,地址栏是file:///的页面,只需改为localhost访问就行。

以上就是《父窗口和子窗口(Iframe)的相互调用》的详细内容,更多请关注 “影迷在线”其它相关文章!

  • 相关标签:
  • 本文由影迷在线原创发布,转载请注明出处,感谢您的尊重!
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论 条评论
  • 专题推荐

    • 抗击新型冠状病毒感染肺炎

      简介:抗击新型冠状病毒感染肺炎

    • 春节好

      简介:春节好春节好春节好春节好春节好春节好春节好春节好

    • 不忘初心牢记使命教育活动

      简介:不忘初心牢记使命教育活动

    • 我们的生活

      简介:我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活我们的生活

    • 明天会更好

      简介:明天会更好明天会更好明天会更好明天会更好明天会更好明天会更好明天会更好

    推荐视频教程
    影迷分类
    [!--date--]Y-m-d[!--date--]