精华内容
下载资源
问答
  • IFame-源码

    2021-03-15 06:26:23
    IFame
  • 跳出ifame

    2018-06-30 20:52:09
    跳出ifame到最外层js:top.location.href

    跳出ifame到最外层

    js:top.location.href


    展开全文
  • jquery ifame嵌套ifame 自适应高度

    千次阅读 2013-09-30 11:31:56
    前一段时间但见了一个小后台, 前期功能不多, 后期随着业务的添加...这导致ifame的高度要是写死的话,会变得非常难看。纠结了一段时间,终于狠下心来好好捯饬一下。完了之后,发现不是很难。自己被自己吓到了 呵呵 ~~~

            前一段时间但见了一个小后台, 前期功能不多, 后期随着业务的添加,功能逐渐增加。内容也不断增加,发现当初实际ifame嵌套ifame来实现点击菜单的时候局部刷新功能不能满足当前的需要了。因为有的一个jsp界面可能很短,也可能变得很长。这导致ifame的高度要是写死的话,会变得非常难看。纠结了一段时间,终于狠下心来好好捯饬一下。完了之后,发现不是很难。自己被自己吓到了 呵呵 ~~~

            好了,废话说多了,开始编写代码。

            首先,既然是ifame嵌套ifame,就得需要两个jsp, 分别为  jsp1, jsp2。 里面分别有一个ifame, ifame1, ifame2。这两个ifame是两个jsp中ifame的ID,是为了后面修改ifame高度用度,通过修改ifame的高度,改变其jsp的高度,从而达到jsp也能自动识别高度的效果。

            jsp1中的ifame

           

       <iframe id="ifame1"  width="1400px"  height="800px"   frameborder="0"scrolling="no" src="jsp2.jsp" ></iframe>

           jsp1中的ifame没什么东西,规定一下宽度, 写死一下默认高度。 不让其显示滚动条,包含jsp2 等等 不多说了,就是一个普通的ifame 。

           重要的是jsp2中的ifame和 jquery

           jsp2中的ifame代码

          

       <iframe id="ifame2"  οnlοad="changeHeight()" style="width:1200px"  frameborder="0" src="" ></iframe>


          也很简单,不是很难吧。 跟ifame1 没多大的区别。 只不过是加了一个onload的方法,来修改ifame的高度。

          changeHeignt() 代码如下:

         

    function changeHeight(){
       //获取加载之后的界面的高度。
    	var mainheigt = $("#jsppage").contents().find("body").height()+30;
      //判断,如果太小了的话,就规定一个高度,这里规定了800
     		if(mainheigt <= 800){
    			mainheigt = 800;
    		} 
    //修改iframe的高度。
    		$("#jsppage").height(mainheigt);
    		//修改父节点的高度
    		var main = $(window.parent.document).find("#mainmenu");
    		var thisheight = $(document).height();
    		if(thisheight <= 800){
    			thisheight = 800;
    		}
    	    main.height(thisheight);
    	}


     


     

         就这么点东西,也不是很复杂。 上面有注释,不多解释。不明白的话,就给我留言吧。

        第一次,不太会写,希望这点东西能给大家带来帮助, 上面的功能 用IE、火狐、谷歌 、世界之窗、搜狗 浏览器测试过,能用。再多就没有了,我的机器就安装了这点浏览器测试,但是感觉应该能满足大家的需要了。嘿嘿~~~

       感谢 luluping 博客对我的帮助

      原文章:

      http://www.cnblogs.com/luluping/archive/2009/04/17/1437843.html

      希望能跟有共同爱好的人成为朋友  2281879713  本人的QQ

     

     

    展开全文
  • 过滤掉危险的HTML标记:script,ifame,object
  • 主要介绍了Chrome下ifame父窗口调用子窗口的问题,需要的朋友可以参考下
  • 通过ifame指向的页面高度调整iframe的高度 1.htm的代码: <iframe src=2.htm id=ifrm></iframe> 2.htm的代码: [removed] function resize() {parent.document.all.ifrm.height=document.body....
  • ifame 高度自适应

    2013-07-24 10:43:00
    ifame 高度自适应的原理 其实 就是 先把子页面中的高度求出来 然后更改 ifame 的值 <iframe width="100%" id="iframeid" height="auto" scrolling="none" frameborder="0" src="index.html"></iframe> ...

    ifame 高度自适应的原理 其实 就是 先把子页面中的高度求出来 然后更改 ifame 的值

    <iframe width="100%" id="iframeid"  height="auto" scrolling="none" frameborder="0" src="index.html"></iframe>

     

    index.html 
    <script>
       
        window.onload = function(){
            
            var height = document.documentElement.scrollHeight;
            
            alert(height);
            var iframe = top.document.getElementById("iframeid");
            
            iframe.style.height = height+"px";
            
        }
        
    </script>
      <div style="height:400px;width:400px;background:green;">
     
      </div>
       

     这种方式 在 除 chrome opera 下不行 据说是在客户端不行 放到服务器就可以了

     

     第二种方式

    思路:现有主界面main在域a下,被嵌套页面B在域b下,被嵌套页面B又嵌套一个在域a下的中介页面A。 当用户打开浏览器访问mail.html的时候载入B,触发B的onload事件获取其自身高度,然后B载入A,并将高度值作为参数赋值给A的 location对象。这样A就可以通过location.hash获得B的高度。(location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin"。利用这个属性值可以做一些非常有意义的事情。)。由于A和main页面同域,所以可以修改main的dom节点属性,从而达到我们设置iframe标签高度的目的。

     

    关键代码:

    iframe主页面:main.html

    <iframe id="iframeB"  name="iframeB" src="www.b.com/B.html" width="100%" height="auto" scrolling="no" frameborder="0"></iframe>

     

    iframe嵌套页面:B.html

    <iframe id="iframeA" name="iframeA" src="" width="0" height="0" style="display:none;" ></iframe>
    
    <script type="text/javascript">
    function sethash(){
        hashH = document.documentElement.scrollHeight; //获取自身高度
        urlC = "www.a.com/A.html"; //设置iframeA的src
        document.getElementById("iframeA").src=urlC+"#"+hashH; //将高度作为参数传递
    }
    window.οnlοad=sethash;
    </script>

    中介页面:A.html

    <script>
    function  pseth() {
        var iObj = parent.parent.document.getElementById('iframeB');//A和main同域,所以可以访问节点
        iObjH = parent.parent.frames["iframeB"].frames["iframeA"].location.hash;//访问自己的location对象获取hash值
        iObj.style.height = iObjH.split("#")[1]+"px";//操作dom
    }
    pseth();
    </script>

    同域情况下就不用多说了,直接在被嵌套的页面B中获取其自身高度并操作其父窗口main的dom属性即可。

     

    第三种方式

     用 css 实现

    <style>
      html,body{
        width:100%;
        height:100%;
        overflow:hidden;
      }
      iframe{
        width:100%;
        height:100%;
        border:0;
      }
    </style>

     

    这种方式 经测试 在各个浏览器下都可以  毕竟是 css吗 没有安全问题


       

     

    转载于:https://www.cnblogs.com/freeDesignLife/p/3210108.html

    展开全文
  • $(document).ready(function(){ $("iframe[src='/web/list.do?action=show']",parent.document).attr("scrolling","auto"); });
    $(document).ready(function(){
    		
    		$("iframe[src='/web/list.do?action=show']",parent.document).attr("scrolling","auto");
    	});

     

    展开全文
  • 有的时候,需要临时判断是否加载成功和成功以后的操作。 1 var ifame = document.getElementById("mapHostel"); 2 if (ifame.attachEvent) { ... 3 ifame.attachEvent("onreadystatechange", function...
  • ifame内嵌页面全屏完美展示 <body style='overflow:-Scroll;overflow-y:hidden'><iframe frameborder=no border=0 marginwidth=0 marginhe...
  • 弹出页面关闭时 更新父页面中的ifame中的页面,iframe与frameset不同,简述.doc中有说明,如何更新父页面中的ifame中的页面我纠结了很久,终于找到了方法,希望对大家有帮助
  • ifame标签

    2018-03-12 19:27:00
    一 w3c网址http://www.w3school.com.cn/tags/tag_iframe.asp 二iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 三 页面显示及代码 <body> <iframe src=...
  • 处理ifame

    2017-08-15 17:06:42
    #处理iframe #coding:UTF-8 from selenium import webdriver from time import sleep from random import * driver=webdriver.Chrome() driver.implicitly_wait(15) driver.get(...#z先定位到ifra
  • ifame的使用

    2010-01-11 23:13:00
    1. 在parent.jsp页面中,使用ifame标签将son.jsp引入进来, 2. 并在父页面中访问子页面的对象/方法,在子页面中访问父页面中的对象/方法 <html> <head> <title>父页面</title> ...
  • ifame 去滚动条

    2019-03-01 16:49:58
    博文链接:https://sctom123.iteye.com/blog/214373
  • WebDriver切换内联框架ifame及多窗口的切换
  • 使用js/jquery在ifame中获取外部元素 js :window.parent.document.getElementById("headLogo");  jq : $('#headLogo',parent.document) 补充: jquery中,$()有两个参数,第一个是选择器,第二个是作用域。...
  • 本人小白,今天产品经理提了一个需求,要求一个后台的弹出框显示在视野里...我寻思是要获取到父页面的ifame框架下的scrollTop,甚至牵扯到跨域通信,如下: console.log(window.parent.document.body.getElementsBy
  • 点击左边的ifame(leftFrame),使得右边的ifame(MainFrame)页面进行跳转。不是打开一个新的页面,而是只放在mainframe中。可以如下实现: 在button事件中写 Response.Write("<script>window.open('...
  • 无边框 ifame

    2011-11-04 11:17:08
  • ifame底部留白问题

    2018-06-25 12:01:18
    &lt;iframe src="backtop.html" frameborder="0" scrolling="no" id="test" onload="this.height=100"&gt;&... function reinitIfr
  • 1. 在ifame中设置属性name<iframe src="main.html" name="rightcontent" runat="server"></iframe>2.在标签中指定跳转到的页面 href,最关键的是指定 target=”上面设置的属性值”, 这样就可以实现页面内跳转,而...
  • Chrome下ifame父窗口调用子窗口的问题

    千次阅读 2014-03-15 15:20:29
    在IE和Firefox下直接在ifame框架页的父窗口用子窗口的name调用子窗口的js函数都好使,在Chrome下不好使。 此网页使用了框架,但您的浏览器不支持框架。 在IE和Firefox下可以这样写...
  • 网名 一个安卓应用程序,让您在特伦托享受门萨体验
  • ifame 布局问题

    2014-02-11 12:01:16
    我想用ifame将页面分成左右两个大的页面,然后右边在分成上下两个页面,总共是三个页面,左边一个,右边上面一个,下面一个。
  • 其实很简单,主要要解决一个IFAME的嵌套问题,如果没有操作好的话,会出现嵌套多次的问题 function refershWin(){ parent.headerInvoked(page.aspx) ; } var intLeft = 300;function leavePage() {if (0 == int...
  • ext ifame中调用servlet

    2016-03-10 05:38:04
    function gui(){ var dsturl = '../tktInfoResumeServlet'; var rptPanel = new Ext.Panel({ id:tabId+'-basePanel', applyTo:tabId+'-iframe', width:Ext.getCmp('tp').getWidth(), ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,604
精华内容 1,041
关键字:

ifame