这些天对iframe的初步运用

1.获得某个网页的具体某个矩形区域方法：

　　用div+iframe实现，div确定矩形大小，并且设置overflow=hidden，

　　iframe通过position:relative/absolute;+top/right/bottom/left定位。

2.设置原窗口展现iframe的高度随iframe的高度自动变化

　　网上有两种措施，核心思想就是让iframe的高度随窗口的滚动条高度改变而改变（前提：页面加载完毕）。

　　以下从两个方面来讲：

• 　　在父窗口中：

　　　　　　document.getElementById("iframeid").height=0;
　　　　　　document.getElementById("iframeid").height=document.getElementById("iframeid").contentWindow.document.body.scrollHeight;

 

•        在子窗口中：

　　　   　　parent.document.getElementById("myframe").height=0;

　　　　　   parent.document.getElementById("myframe").height=document.body.scrollHeight;

如果操控外域frame，需要有授权校验即可，比如常用的第三方接入API。

 

对于上面第二给问题扩展以下加载完成页面的两种写法：

js:

window.onload=function(){   };

jquery:

$(function(){

});