这些天对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(){

});

 

程序宅男
原文地址:https://www.cnblogs.com/dreamcenter/p/12527577.html