zoukankan      html  css  js  c++  java
  • javascript跨域、iframe跨域访问

    1、window 对象

    浏览器会在其打开一个 HTML 文档时创建一个对应的 window 对象。但是,如果一个文档定义了一个或多个框架(即,包含一个或多个 frame 或 iframe 标签),浏览器就会为原始文档创建一个 window 对象,再为每个框架创建额外的 window 对象

    2、contentWindow

    contentWindow属性是指指定的frame或者iframe所在的window对象(frame/iframe在window里面)

    3、获取frame/iframe跨域window对象

    var win  = document.getElementById("iframeId").contentWindow;

    var functionName = $("functionName",win);  functionName();  //获取frame/iframe跨域window下javascript对象的属性或者方法   //调用获取方法

    4、获取frame/iframe跨域document对象

    var doc  = document.getElementById("iframeId").contentWindow.document;

    var ElementObject = $("#ElementId",doc);  //获取frame/iframe跨域document下html元素对象

    5、parent

    该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口,而在其中一个分割窗口中又包含着分割窗口,则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。

    <html>
    <body>
    <iframe id="iframe-1"><html><body>
    <script>
    parent.test(); //调用父的方法
    </script>
    </body></html></iframe>
    <script>
    funtion test(){
    alert(123);
    }
    </script>
    </body>
    </html>

     重新加载iframe

    $('iframe').attr('src', $('iframe').attr('src'));

  • 相关阅读:
    css-使不同大小的图片在固定大小的容器中居中
    js-数组中查找特定元素并返回所有该元素的索引
    js-权威指南学习笔记5
    js-权威指南学习笔记4
    js-权威指南学习笔记3
    JavaScript中的类型转换
    js-权威指南学习笔记2
    通过维基API实现维基百科查询功能
    【代码笔记】iOS-FMDBDemo
    【代码笔记】iOS-自定义switch
  • 原文地址:https://www.cnblogs.com/chenweichu/p/6120757.html
Copyright © 2011-2022 走看看