zoukankan      html  css  js  c++  java
  • 这些天对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(){

    });

     

    程序宅男
  • 相关阅读:
    Django -- 路由系统(URLconf)
    Django简介
    jQuery
    DOM
    JavaScript
    HTML,CSS
    Redis PK Memcached
    ORM框架-SQLAlchemy
    Memcached操作以及用法
    Py3快速下载地址
  • 原文地址:https://www.cnblogs.com/dreamcenter/p/12527577.html
Copyright © 2011-2022 走看看