summerflowerying / blog-summer

热爱生活 带着翠花看日出
0 stars 0 forks source link

iframe 初了解 #9

Open summerflowerying opened 7 years ago

summerflowerying commented 7 years ago

地址 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’,指定相同的主域,然后,两个文档就可以进行交互。(摘自博客 地址见页面顶)

`