zoukankan      html  css  js  c++  java
  • 关于iframe的弹出框

    开发中遇到的各种关于iframe的问题,在此记录

    1.页面中包含iframe,在iframe中操作需弹出父页面的弹出层

      可以用parent.$(.zhezhao).show();

    2.页面中包含iframe,在父页面中需要获得iframe中的相关参数

      可以用$("#mainFrame").contents().find("#id");

    3.使iframe根据页面的内容高度自适应,可调用如下方法,当然,如果body中包含样子float:left,将不能按这种方式设定

    1 function fitFrameContent(){
    2     var mainFrame = $("#mainFrame");
    3     var mainheight = $(mainFrame).contents().find("body").height()+40;
    4     $(mainFrame).attr("frameborder","0");
    5     $(mainFrame).attr("border","0");
    6     $(mainFrame).height(mainheight);
    7 }

    iframe 的代码如下

    1 <iframe src="myfile.jsp" name="mainFrame" frameborder=no scrolling="no" width="100%"
         height="1050px;" id="mainFrame" title="mainFrame" onload="fitFrameContent();"> 2 </iframe>

    4.页面高度固定,只显示iframe的纵向滚动条

    iframe 的代码如下

    <iframe src="myFile.jsp" name="mainFrame" frameborder=no scrolling="auto" width="100%"
       height="726px;" id="mainFrame" title="mainFrame" > </iframe>

    myFile.jsp的body标签设置

    <body style="overflow-x:hidden;overflow-y:auto;">
    .....................
    </body>
  • 相关阅读:
    [ABC142F] Pure
    [ABC141F] Xor Sum 3
    tarjan缩点
    LoadRunner录制:事务
    LoadRunner录制:脚本调试
    linux性能监控命令
    Python 3 解析 html
    Python 3 操作json 文件
    Python 数据驱动工具:DDT
    selenium 问题:OSError: [WinError 6] 句柄无效
  • 原文地址:https://www.cnblogs.com/cyanqx/p/3481455.html
Copyright © 2011-2022 走看看