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(){
});