iframe基础入门使用

iframe基础入门使用

1.通常我们使用iframe直接在页面嵌套iframe标签指定src就可以了。
2.< iframe src=“demo.html”></ iframe>
3.一些iframe常用属性:
1.frameborder:是否显示边框，1(yes),0(no)
2.height:框架作为一个普通元素的高度，建议在使用css设置。
3.width:框架作为一个普通元素的宽度，建议使用css设置。
4.name:框架的名称，window.frames[name]时专用的属性。
5.scrolling:框架的是否滚动。yes,no,auto。
6.src：内框架的地址，可以使页面地址，也可以是图片的地址。
7.srcdoc , 用来替代原来HTML body里面的内容。但是IE不支持, 不过也没什么卵用
8.sandbox: 对iframe进行一些列限制，IE10+支持
注意：如果跨域顶多只能实现页面跳转window.location.href.
#####不同域，父页面没有权限改动子页面,但可以实现页面的跳转
比如：scrolling=“no” 限定 iframe 禁止滚动条
4.防嵌套网页
为了防止网站被钓鱼，可以使用window.top来防止你的网页被iframe.
//iframe2.html
if(window != window.top){
window.top.location.href = correctURL;
}
可以用try…catch
try{
　　top.location.hostname; //检测是否出错
　　//如果没有出错，则降级处理
　　if (top.location.hostname != window.location.hostname) {
　　　　top.location.href =window.location.href;
　　}
}
catch(e){
　　top.location.href = window.location.href;
}