1)在iframe中查找父页面元素的方法:$(#id, window.parent.document) 2)在iframe中调用父页面中定义的方法和变量:parent.methodparent.value 3)实例 1.父页面 代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="IframeDemo._Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmln...
为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...