父窗口中操作iframe:$(window.frames["iframeChild"].document) //假如iframe的id为iframeChild 在子窗口中操作父窗口:$(window.parent.document) 接下来就可以继续获取iframe内的dom了。 获取iframe内的dom对象有两种方法 1 $(window.frames["iframeChild"].document).find("#child") 2 $("#child",window.frames["iframeChild"].document) 1.在父窗口中操作 选中IFRAME中的所有单选按钮 代码如下: $(window.frames["iframeChi...
在做项目时,遇到了操作iframe的相关问题。业务很简单,其实就是在操作iframe内部某个窗体时,调用父窗体的一个函数。于是就写了两个很简单的htm页面用来测试,使用网上流行的方法在谷歌浏览器中始终报错,不能通过。 父页面parent.html的代码如下 代码如下: function ParentFunction() { alert('ParentFunction'); } 子页面child.html的代码如下 代码如下: $(document).ready(function () { $("#btnTest").cli...
左边iframe放树目录,右边的iframe放index页。拖鼠标同时控制2个iframe的宽高。期待有人能改进。操作方法:鼠标指到2个iframe中间,可以水平拖,纵向拖(控制高度)缺点:CSDN页面放开鼠标后才改大小,不占CPU资源。 这个是实时改大小,所以速度太慢,希望有人来改改。我是不想弄了,反正又没用什么特别的技术。提示:拖动的秘密就在filter:alpha(opacity=0)这一句 代码如下: var mouseX = 0; var mouseY = 0; var w=5; function...
框架编程概述 一个HTML页面可以有一个或多个子框架,这些子框架以来标记,用来显示一个独立的HTML页面。这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问,例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一个框架中表单的行为等。 框架间的互相引用 一个页面中的所有框架以集合的形式作为window对象的属性提供,例如:window.frames就表示该页面内所有框架的集合,这和表单对象、链...
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 在父窗口中获取iframe中的元素 格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click(); 实例:$("#ifm").contents().find("#btnOk").click(); 在iframe中获取父窗口的元素 格式:$('#父窗口中的元素ID', parent.document).click(); 实例:$('#btnOk', parent.document).click();
项目中遇到场景:一个按钮要在子iframe加载完成之后才能被点击,这是就需要知道iframe何时加载完成,用JQuery很简单就能实现,代码如下: 代码如下: var isOnLoad = true; youIFrame.attr("src", url); youIFrame.load(function() { isOnLoad = false;// 加载完成 alert(load success); }); 已验证通过!
代码如下: var frame = window.frame[0]; frame[0].focus(); frame[0].printf();
iframe 自动获取onload高宽 代码如下: function AutoResize(iframe) { //firefox if(iframe.contentWindow) { iframe.height = iframe.contentWindow.document.documentElement.scrollHeight; iframe.width = iframe.contentWindow.document.documentElement.scrollWidth; } //IE else if(iframe.contentDocument) { iframe.height = iframe.contentDocument.width; iframe.width = iframe.contentDocument.height; } } iframe 自...
使用iframe的时候,可能会涉及到父子窗口之间传值和方法的相互调用,之前一直有些迷糊,也没有着意去弄清楚,这两天要干活,没法子了只好把这都弄明白了。其实非常简单,就那么几个用法,几句代码而已。 子窗口中调用父窗口的js方法: 代码如下: parent.changeBtnTitle(tzgg); 一个父窗口中可能会有若干个功能行为类似的子窗口,子窗口中的组件要调用相同或者类似的对象或者方法,那么就把这样的方法写在父窗口中,通过传递参数来...
在页面上使用iframe来动态加载页面内容是网页开发中比较常见的方法。在父页面中给定一个不带滚动条的iframe,然后对属性src指定一个可加载的页面,这样当父页面被访问的时候,子页面可以被自动加载。iframe的高度需要根据子页面的实际高度来进行调整。如果iframe的高度小于子页面的实际高度,超出的部分无法显示;相反,如果iframe的高度过高,则页面上会出现大量的空白区域。我们可以通过属性或者CSS来设置iframe的高度,当不确定...
为iframe添加onload事件 ie使用attachEvent("onload",function(){}) firefox、chrome使用addEventListener("onload",function(){}),或者直接使用onload=function(){} 注:在firefox、chrome下 iframe.attachEvent返回undefined,可被翻译成false,用此可以解决和ie下绑定onload事件写法不同的缺陷。
代码如下: //查找iframe里面的元素 function FindObject(ss) { var o = null; o = $(window.frames["main"].document).find("#" + ss); return o; }
代码如下: 代码如下: /*自动宽度*/ global.autoWidth = function () { //global_main $(".global_main").height($(window).height() - $(".global_header").eq(0).outerHeight()); $(.global_main).width($(window).width() - $(.global_slide).eq(0).outerWidth()).show(); };
表单与操作页面分离 按钮按下,click 或者onclick事件触发 传递一个唯一性的参数至子页面JSP, 子页面内,负责查询与判断逻辑, JSP:FORWARD尝试过,直接报错 代码如下: function tigger() { var f_application =1; '> > } 子页面 代码如下: String tf_application=(request.getParameter("t_application")); %> if(tf_application !=null) { tf_application = null; } %> 尝试使用request或者session,如何使用onclick属...
在打开的模式窗口中,如果要借助于模式窗口接受服务器的流,通常需要隐藏一个iframe;有时候,然后采用iframe.src的形式去做请求;有时,在下载时发现服务器无法接收iframe的流,因为在模式窗口中没有触发iframe的src重新定向事件,普通的窗口无此问题。 具体解决办法: 在模式窗口的父窗口中隐藏一个iframe,下载的地址指向这个iframe.