前端开发框架的iframe的使用总结

前端工程化和模块化开发
前端模块化开发的优点
前端模块化开发方案

父级获取iframe子级:
javascript 代码

document.getElementById(‘iframe1’).contentWindow //获取window对象
document.getElementById(‘iframe1’).contentWindow.document //获取document对象

iframe子级获取父级:
javascript 代码

parent.document
$(parent.document) //获取document对象<br />
$(‘body’, parent.document) //获取body对象<br />
window.parent
$(window.parent) //获取window对象

iframe子级获取顶级:
javascript 代码

top.document
window.top

以上是使用过的兼容的写法。

iframe的参数设置
javascript 代码

allowTransparency = ‘true’ //IE7+背景透明
scrolling = ‘no’
frameborder = ‘0’

我一般都在js中这么写iframe
javascript 代码

<iframe id=”iframeRight” width=”100%” height=”100%” scrolling=”no” frameborder=”0″ src=”‘+ src +'” />

跨域服务器域名设置:
javascript 代码

document.domain=”a.com”;

前端模块化开发阮一峰
前端模块化开发的价值
前端模块化开发平台
赞(0)
前端开发者 » 前端开发框架的iframe的使用总结
64K

评论 抢沙发

评论前必须登录!