iframe

直接在页面嵌套iframe标签指定src属性。

<iframe src="demo_iframe_sandbox.htm"></iframe>

<iframe>标签width/height 100% 无效。
解决方法：要使 <iframe>标签的width/ height=100% 生效，一定要保证其父容器的 width/height=100% 有效。

常用属性:

1. frameborder:是否显示边框，1(yes),0(no)
2. height:框架作为一个普通元素的高度，建议在使用css设置。
3. width:框架作为一个普通元素的宽度，建议使用css设置。
4. name:框架的名称，window.frames[name]时专用的属性。
5. scrolling:框架是否滚动。yes,no,auto。

去掉全部的滚动条:1设置scrolling为no;2在嵌入的页面里设置 body{overflow：hidden}
去掉右边的滚动条且保留底下的滚动条:在嵌入的页面里设置 body{overflow-x：auto ; overflow-y：hidden；}

6. src：内框架的地址，可以使页面地址，也可以是图片的地址。
7. seamless: 效果就是渲染出来的页面看不出是用iframe内嵌的，而是去掉了边框,与现在的文档相融合。

//根据浏览器窗口的高度动态改变iframe的高度
var height = $(window).height() - 200;
$("iframe").css("height", height + "px");

API:

1. contentWindow: 获取iframe的window对象.
2. contentDocument, 获取iframe的document对象

var iframe = document.getElementById("iframeTest");
var iwindow = iframe.contentWindow;