为iframe添加onload事件 ie使用attachEvent("onload",function(){}) firefox、chrome使用addEventListener("onload",function(){})，或者直接使用onload=function(){} 注：在firefox、chrome下 iframe.attachEvent返回undefined，可被翻译成false，用此可以解决和ie下绑定onload事件写法不同的缺陷。
代码如下:<iframe src="main_folder.aspx" class="global_main" scrolling="auto" frameborder="0" name="main"></iframe> 代码如下:/*自动宽度*/ 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(); };
在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); }); 已验证通过！
DOM方法：父窗口操作IFRAME：window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作 选中IFRAME中的所有输入框： $(window.frames["iframeSon"].document).find(":text");在IFRAME中操作 选中父窗口中的所有输入框：$(window.parent.document).find(":text");iframe框架的HTML：<iframe src="test.html" id="iframeSon" width="700″ height="300″ frameborder="0″ scrolling=...
父窗口中操作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["iframeChil...
代码如下:if($(window.frames["iframepage"].document).find('.l-grid-row-cell').length > 0){ alert(1);}else{ alert(2);}判断id为iframepage的iframe中css为1-grid-row-cell的元素是否存在
jquery.bgiframe.js在IE9下的错误 代码如下:SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5) jquery.bgiframe.js, 行8 字符976 错误代码 代码如下:1 {if(!$(iframe.bgiframe,this)[0])this.insertBefore(document.createElement(html),this.firstChild);});};})(jQuery); 在网上找到些结局方案 方案一： 代码如下:this.insertBefore(document.createElement(html),this.firstChild); HTML加个引号就行了。 目前就找到...
刷新页面会提示 “要显示此页面， Firefox 必须发送将会导致重复之前动作的数据（例如搜索或者下订单）”看看以下代码 代码如下:$("iframe").load(function(){ $(this).attr("src","about:blank"); }) 框架打开后设置地址到一个空页面就可以避免这个提示但有个问题 就是设置src后会触发load事件,会导致循环加载所以需要设置一个参数 等触发完正常事件后 做一个标记load完后判断一下 代码如下:$("iframe[name=hi]").load(function()...
父页面代码 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <div style="height:300px; background-color:#CC9900"></div> <div> <iframe src="test_iframe.html"...
作者: think8848（公司主页: http://www.cleversoft.com, QQ: 166156888, Blog: http://think8848.cnblogs.com) 转载请保留此信息CleverTabs是一款jQuery插件，所需jQuery版本:1.6.1，jQuery UI样式版本:1.8.13；其功能为创建jQuery UI风格的Tab用于显示iframe。 本示例中符加了jQuery.contextMenu插件，我修改了其样式，使用了jQuery UI的皮肤 效果如下图: 初级应用示例： HTML代码: <div id="tabs"><ul></ul></div> Javascript代...
html结构如下： 代码如下:<html> <head> <title>为body添加click事件</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript" src="jquery-1.5.2.js"></script> <script> function show_body_click(){ alert(you are click the body); } jQuery(document).ready(function(){ //jQuery("ifr_id").contents().find("body").attr("onclick", "show_body_click()"); //alert(jQ...
代码如下:function adjustIFramesHeightOnLoad(iframe) { var iframeHeight = Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight); $(iframe).height(iframeHeight); } 失败的测试就不说了，来直接的。 两个链接和iframe： 代码如下:<li><a href="selfinfo.jsp" target="c-c-iframe" title="个人信息" >个人信息</a></li> <li><a href="mod...
父窗口中操作iframe：window.frames["iframeChild"].document //假如iframe的id为iframeChild 在子窗口中操作父窗口：window.parent.document 那么，用如果想用jquery的方法，我们怎么用jquery来获取iframe呢？下面是一下收集来的方法。 获取页面的对象其实就是dom方法外面加上jquery的选择符： 父窗口中操作iframe：$(window.frames["iframeChild"].document) //假如iframe的id为iframeChild 在子窗口中操作父窗口：$(window.pare...
代码如下:$(window.parent.document).find("#Frm_Main").attr("src",url); 使用jquery操作iframe 1 内容里有两个ifame <iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe> leftiframe中jQuery改变mainiframe的src代码： $("#mainframe",parent.document.body).attr("src","//www.gxlcms.com ") 2 如果内容里面有一个ID为mainiframe的ifame <iframe id="mainifame"...></ifame> ifame包含一个someID <div id="...