项目中遇到场景：一个按钮要在子iframe加载完成之后才能被点击，这是就需要知道iframe何时加载完成，用JQuery很简单就能实现，代码如下： 代码如下: var isOnLoad = true; youIFrame.attr("src", url); youIFrame.load(function() { isOnLoad = false;// 加载完成 alert(load success); }); 已验证通过！
为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(); };
在iframe子页面获取父页面元素 代码如下： 代码如下: $.(#objld, parent.document); 在父页面获取iframe子页面的元素 代码如下： 代码如下: $("#objid", document.iframes(iframe).document) 或 代码如下: $(document.getElementById(iframeId).contentWindow.document.body).html() $(document.getElementById(iframeId).contentWindow.document.body).html() 显示iframe中body元素的内容 代码如下: $("#testId", document...
用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮$(window.frames["iframe1"].document).find(”input[@type=radio]“).attr(”checked”,”true”); 2.在IFRAME中操作 选中父窗口中的所有单选钮$(window.parent.document).find(”input[@type=radio]“).attr(”checked”,”true”); iframe框架的：IE7中测试通过 代码： 代码如下: jQuery...
1）在iframe中查找父页面元素的方法：$('#id', window.parent.document) 2）在iframe中调用父页面中定义的方法和变量：parent.methodparent.value 3）实例 1.父页面 代码如下: var hello = 'hello'; function getHelloWorld() { alert('hello world'); } 2.子页面 代码如下: $(function() { //在iframe中查找父页面元素 alert($('#d...
代码如下: document.all(Iframe1).contentWindow.document.getElementById("deptName").width; $(window.parent.Iframe1.document.body).find(#deptName).width();跨域调用IFRAME时会遇到拒绝访问.在网上找了未测试解决办法 经查资料发现 ，默认情况下，浏览器是禁止 脚本跨域访问的，除非这些域之间有必须的访问信任关系。 找到问题就好办了，可以降低浏览器的安全级别，但这样对用户无疑是不利的。 所以我们在页...
JQUERY IFRAME下面简单使用Jquery来操作iframe的一些记录，这个使用纯JS与可以实现。 第一、在iframe中查找父页面元素的方法：$(#id, window.parent.document) 第二、在父页面中获取iframe中的元素方法：$(this).contents().find("#suggestBox") 第三、在iframe中调用父页面中定义的方法和变量：parent.methodparent.valueiframe里用jquery获取父页面body iframe.html 代码如下: it is a iframe $(document).ready( ...
使用jquery操作iframe 1、 内容里有两个ifame <iframe id="leftiframe"... <iframe id="mainiframe.. leftiframe中jQuery改变mainiframe的src代码： $("#mainframe",parent.document.body).attr("src","http://www.radys.cn") 2、 如果内容里面有一个ID为mainiframe的ifame <iframe id="mainifame"...> ifame包含一个someID you want to get this content 得到someID的内容 $("#mainiframe").contents().find("someID").html...
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 DOM方法：父窗口操作IFRAME：window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.document jquery方法:在父窗口中操作 选中IFRAME中的所有输入框： $(window.frames["iframeSon"].document).find(":text");在IFRAME中操作 选中父窗口中的所有输入框：$(window.parent.document).find(":text"); iframe框架的HTML：<ifr...
frame目前还是比较流行的，许多地方都通过它来实现特殊的情况。比如说传统的上传、select在ie6下、代理、跨域等等。今天呢，简要的记述一下跨iframe的相关操作，主要是用jQuery操作DOM结构方面。 代码如下: 代码如下:$(#read-aa).click(function() { var v=$(#aa).contents().find(body).html(); alert(v); }); $(#write-aa).click(function() { $(#aa).contents().find(div).append(这是index.php操作aa.php写入的...
frame目前还是比较流行的，许多地方都通过它来实现特殊的情况。比如说传统的上传、select在ie6下、代理、跨域等等。今天呢，简要的记述一下跨iframe的相关操作，主要是用jQuery操作DOM结构方面。 代码如下: 代码如下:$(#read-aa).click(function() { var v=$(#aa).contents().find(body).html(); alert(v); }); $(#write-aa).click(function() { $(#aa).contents().find(div).append(这是index.php操作aa.php写入的...
在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、 格式：window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click(); 实例：window.frames["ifm"].document.getElementByIdx_x("btnOk").click(); 2、 格式： var obj=document.getElementByIdx_x("iframe的name").contentWindow; var ifmObj...
jQuery的弹出框使用很方便，但是如果在iframe中使用则弹不出对话框，而有时候我们还必须得使用iframe而不能用jQuery的load方式，这个时候就需要处理这个问题。 其实也非常简单，思路就是让iframe的父窗口弹出这个对话框。例如： parent.confirmDialog(); 这样就可以用了。不是什么有技术含量的问题，记下来，防止忘记。