Open summerflowerying opened 7 years ago
地址 iframe.contentWindow 获取iframe的window对象 iframe.contentDocument `` 获取iframe的document对象
iframe 自适应
默认是有滚动条的, 不会全屏, 想自适应iframe
`var iwindow = iframe.contentWindow; var idoc = iwindow.document; iframe.height = idoc.body.offsetHeight;
浏览器根据两个点判断跨域问题 http协议 , 域名, 端口号 也称作 网页的协议(protocol),一个就是你的host是否相同,即,就是url的首部: window.location.protocol +window.location.host 如果协议或 域名不同, 前端是无法改变的, http: //www.foo.com/a.html和http: //script.foo.com/b.html 两个文件中分别加上document.domain = ‘foo.com’,指定相同的主域,然后,两个文档就可以进行交互。(摘自博客 地址见页面顶)
`
地址 iframe.contentWindow 获取iframe的window对象 iframe.contentDocument `` 获取iframe的document对象
iframe 自适应
默认是有滚动条的, 不会全屏, 想自适应iframe
第一步 去掉滚动条
第二步 设置iframe高为body高
`var iwindow = iframe.contentWindow; var idoc = iwindow.document; iframe.height = idoc.body.offsetHeight;
可以设置iframe{width: ; height: ;}
解决跨域
浏览器根据两个点判断跨域问题 http协议 , 域名, 端口号 也称作 网页的协议(protocol),一个就是你的host是否相同,即,就是url的首部: window.location.protocol +window.location.host 如果协议或 域名不同, 前端是无法改变的, http: //www.foo.com/a.html和http: //script.foo.com/b.html 两个文件中分别加上document.domain = ‘foo.com’,指定相同的主域,然后,两个文档就可以进行交互。(摘自博客 地址见页面顶)
`