使用iframe嵌套,进行数据传递到方式总结

iframe数据传递

  • 总结了3中,跨域传递、同域传递、同源传递;
  • 跨域传递访问document.getElementById(‘frameObj’).contentDocument为null,访问 document.getElementById(‘frameObj’).contentWindow都是只读,不能够操作;
  • 同域传递、同源传递可以通过 document.getElementById(‘frameObj’).contentDocument、 document.getElementById(‘frameObj’).contentWindow,访问到iframe内部,等同与内部的document和window,可以访问DOM,修改内部变量;
跨域传递

  

容器父页面


  

子页面

同域传递

  

容器父页面


  

子页面

同源传递

  

容器父页面


  

子页面

你可能感兴趣的:(工作总结,文档整理,javascript,前端,html)