最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jsiframe跨域访问(同主域/非同主域)分别深入介绍_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 21:06:57
文档

jsiframe跨域访问(同主域/非同主域)分别深入介绍_javascript技巧

jsiframe跨域访问(同主域/非同主域)分别深入介绍_javascript技巧:js跨域是个讨论很多的话题。iframe跨域访问也被研究的很透了。 一般分两种情况: 一、 是同主域下面,不同子域之间的跨域; 同主域,不同子域跨域,设置相同的document.domian就可以解决; 父页访问子页,可以document.getElementById(my
推荐度:
导读jsiframe跨域访问(同主域/非同主域)分别深入介绍_javascript技巧:js跨域是个讨论很多的话题。iframe跨域访问也被研究的很透了。 一般分两种情况: 一、 是同主域下面,不同子域之间的跨域; 同主域,不同子域跨域,设置相同的document.domian就可以解决; 父页访问子页,可以document.getElementById(my


js跨域是个讨论很多的话题。iframe跨域访问也被研究的很透了。
一般分两种情况:
一、 是同主域下面,不同子域之间的跨域;
  同主域,不同子域跨域,设置相同的document.domian就可以解决;
父页访问子页,可以document.getElementById("myframe").contentWindow.document来访问iframe页面的内容;如果支持contentDocument也可以直接document.getElementById("myframe").contentDocument访问子页面内容;
  子页访问父页,可以parent.js全局属性
二、 是不同主域跨域;
  前提,www.a.com下a.html,a.html内iframe调用了www.b.com下的b.html,b.html下iframe调用了www.a.com下的c.html
  b.html是不无法直接访问a.html的对象,因为涉及到跨域,但可以访问parent,同样c.html的parent可以访问b.html。c.html和a.html同域,是可以访问a下的对象的。parent.parent.js对象!
  看下面实例:
  a.html
代码如下:




无标题文档





function dosome(text){
document.getElementById("getText").innerHTML= decodeURI(text);
}




b.html
代码如下:




无标题文档




  • 这里是内容1

  • 这里是内容2

  • 这里是内容3

  • 这里是内容4

  • 这里是内容5

  • 这里是内容6



  • window.onload = function(){
    var text = document.getElementById('ct').innerHTML;
    document.getElementById('myfarme').src="http://www.a.com/c.html?content="+encodeURI(text);
    }




    c.html
    代码如下:




    无标题文档

    window.onload = function(){
    var text = window.location.href.split('=')[1]
    console.log(parent.parent)
    parent.parent.dosome(text);
    }



    ddddddddddd


    文档

    jsiframe跨域访问(同主域/非同主域)分别深入介绍_javascript技巧

    jsiframe跨域访问(同主域/非同主域)分别深入介绍_javascript技巧:js跨域是个讨论很多的话题。iframe跨域访问也被研究的很透了。 一般分两种情况: 一、 是同主域下面,不同子域之间的跨域; 同主域,不同子域跨域,设置相同的document.domian就可以解决; 父页访问子页,可以document.getElementById(my
    推荐度:
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top