- 浏览: 874450 次
- 性别:
- 来自: 杭州
文章分类
- 全部博客 (341)
- Ajax (1)
- Asp.net (18)
- Java (5)
- Php (27)
- JavaScript (19)
- jQuery (12)
- 正则表达式 (4)
- SEO优化 (1)
- Windows 应用 (5)
- Flash (12)
- Asp (9)
- CSS (10)
- SQL Server (6)
- Flex (1)
- Ubuntu (0)
- mysql (34)
- PHP框架 (2)
- Apache (10)
- html (3)
- 网页切入 (1)
- Linux (33)
- vc++ (38)
- 友情链接 (0)
- firefox 插件 (4)
- SEO (1)
- Apache 压力测试 (1)
- imacros教程(一):imacros变量 (0)
- JS调用imacros所用到的函数 (0)
- imacros教程(三):调用csv文件 (1)
- imacros教程(二):JS调用imacros所用到的函数 (1)
- imacros 常用代码 (1)
- CSS最大宽度 (1)
- svn (1)
- WordPress (1)
- 网线的两种接法 (1)
- TP-LINK WR 系列无线路由器安全设置 (1)
- mysql talble is full ERR1114 (0)
- 解决mysql的内存表“table is full”错误 (1)
- linux 用户操作 (1)
- CentOS 挂载 ntfs 移动硬盘 (1)
- linux 储蓄设备操作 (1)
- Starting MySQL. ERROR! Manager of pid-file quit without updating file. (1)
- extmail 1.1 升级到 1.2 (1)
- extmail (0)
- emos (2)
- squid 3.0 (2)
- centos 6 minimal 安装 (1)
- linux实用命令详解 (1)
- win7 (1)
- php 字符串大小写转换 (1)
- 跟踪路由 tracert (1)
- css英文单词首字母添加样式 (1)
- jquery iframe 操作 (1)
- php 获取时间今天明天昨天时间戳 (1)
- php 上传限制 (1)
- ckeditor 配置 (1)
- flash 显示在 div 下 (1)
- flash + php 留言本乱码问题 (1)
- squid purge 出现 access denied 的解决方法 (1)
- delphi (1)
- 让delphi嵌入的WebBrowser无边框无滚动条 (1)
- delphi打开一个IE窗口 (1)
- delphi 获取鼠标当前位置的相对坐标 (1)
- delphi 获取可执行文件的当前路径 (1)
- delphi webbrowser 常用方法示例 (1)
- javascript 禁止鼠标右键... (1)
- delphi 播放gif 动画 (1)
- delphi弹出信息框大全 (1)
- Delphi中禁止WebBrowser右键的方法 (1)
- DELPHI 让程序只能运行一次 (1)
- Delphi XE2 破解补丁注册机下载使用教程 (1)
- Delphi RAD Studio XE2编译程序体积大的问题 (1)
- delphi 制作圆角窗口 (1)
- delphi 窗口 (1)
- delphi 窗体全透明,但窗体上的控件不透明 (1)
- delphi 窗口阴影 (1)
- delphi 获取任务栏高度 (1)
- delphi bsNone 之后任务栏右键无反应 (1)
- delphi 程序打开隐藏软件任务栏条 (0)
- delphi bsNone后的相关问题解决方法 (1)
- delphi bsNone 后显示边框 (1)
- delphi url编码操作 (1)
- delphi 调用exe文件 (1)
- delphi dll窗体的制作和调用 (1)
- delphi dll 调用窗体时的数据传递 (0)
- delphi 窗口显示在屏幕右下角 (1)
- 内网穿透&UDP打洞 (1)
- delphi idhttp post应用 (1)
- inno setup 开机启动 (1)
- inno setup 添加桌面快捷方式 (1)
- Delphi实现程序只运行一次并激活已打开的程序 (1)
- 解决 float point division by zero (1)
- Delphi 窗体显示在最前面,并获得焦点 (1)
- delphi 点击关闭按钮时隐藏窗口 (1)
- delphi 非客户区右键点击 (1)
- delphi真正可以截获WINDOWS关机消息的源码 (1)
- delphi utf8转码 (1)
最新评论
-
zj7243886:
非常感谢,这东西解决我的问题;谢谢你的分享
Linux 安装 jpeg-6b 错误 ./libtool 命令未找到 -
丶Sk.Mabon:
能让html也绕过吗。。机房限制很悲剧
绕过 <?PHP exit(’Access Denied’); ?> 限制 -
丶Sk.Mabon:
请教gzip.php 的写法。万分感谢!
apache 开启 gzip -
hyxj1220:
火狐中单纯的定义这样的样式,貌似不行,必须要让容器浮动
英文长文本换行CSS -
逆水寒龙:
太好了,正好用上,谢谢博主共享
Asp.net 将中文汉字转换成拼音首字和拼音全拼
jquery iframe操作
使用jquery操作iframe
去掉iframe 的边界 frameborder="0"
1 内容里有两个ifame
<iframe id="leftiframe"...</iframe>
<iframe id="mainiframe..</iframe>
leftiframe中jQuery改变mainiframe的src代码:
$("#mainframe",parent.document.body).attr("src","http://www.baidu.com
")
2 如果内容里面有一个ID为mainiframe的ifame
<iframe id="mainifame"...></ifame>
ifame包含一个someID
<div id="someID">you want to get this content</div>
得到someID的内容
$("#mainiframe").contents().find("someID").html() html 或者 $("#mainiframe").contains().find("someID").text()值
2 如上面所示
leftiframe中的jQuery操作mainiframe的内容someID的内容
$("#mainframe",parent.document.body).contents().find("someID").html()或者
$("#mainframe",parent.document.body).contents().find("someID").val()
Jquery获取到 iframe 所属的父窗口的里面的id为xuan的 标签的
$(window.parent.document).find("#xuan").html(x);//
//js创建 元素 并追加到 父元素的 Iframe中的 元素中的dom操作问题:
详见链接:http://www.cssrain.cn/?p=1376
iframe中直接调用父窗口中的方法 :假设父窗口有个add的方法
self.parent.add();
===============================================================
IE和Firefox对iframe document对象的差异性
在IE6、IE7中,我们可以使用 document.frames[ID].document 来访问iframe子窗口中的document对象 ,可是这是不符合W3C标准的写法,也是IE下独有的方法,在Firefox下却不可以使用,Firefox下使用的是符合W3C标准的 document.getElementById(ID).contentDocument 方 法,今天我在写实例的时候,通过IE8进行测试,IE8也是使用的符合W3C标准的 document.getElementById(ID).contentDocument 方法。所以我们可以写一个在IE和Firefox下通用的获取iframe document对象的函数—getIFrameDOM:
function getIFrameDOM( id) { return document.getElementById ( id) .contentDocument || document.frames [ id] .document ; }
P.S. :如果我们要获取iframe的window对象 ,而不是document对象,可以使用document.getElementById(ID).contentWindow的方法。这样我们就可以使用子窗口中的window对象了,比如子窗口中的函数。
在子窗口使用父窗口的函数,获取父窗口document对象
在子窗口中,我们可以通过parent 就可以获得父窗口的window对象,如果假如我们在父窗口有一个函数为getIFrameDOM,我们可以通过parent.getIFrameDOM来调用,同理我们使用parent.document就可以在子窗口中访问父窗口的document对象了。
使用JavaScript进行iframe的DOM操作实例
首先,我们在父窗口中引入两个iframe子窗口,ID分别为wIframeA、wIframeB,地址分别为:a.html、b.html。
父窗口主要HTML代码如下:
<div id="pHello" style="margin:10px auto;width:360px;height:30px;">此处可通过iframeB的 JavaScript函数,来替换哦~</div> <iframe id="wIframeA" name="myiframeA" src="a.html" scrolling="no" frameborder="0"></iframe> <iframe id="wIframeB" name="myiframeB" src="b.html" scrolling="no" frameborder="0"></iframe>
在子窗口A、B中我放了一个ID为hello的P,以方便我们进行DOM操作演示,子窗口A、B的主要HTML代码如下:
<p id="hello">Hello World!</p>
1、在iframe中,父窗口操作子窗口的DOM
建好了父窗口跟子窗口,这样我们可以在父窗口中,通过以下iframeA()函数来把子窗口A更换P的背景颜色为红色:
function iframeA( ) { //给子窗口A改变ID为hello的背景色 var a = getIFrameDOM( "wIframeA" ) ; a.getElementById ( 'hello' ) .style .background = "red" ; } function getIFrameDOM( id) { //兼容IE、Firefox的iframe DOM获取函数 return document.getElementById ( id) .contentDocument || document.frames [ id] .document ; }
2、在iframe中,子窗口操作父窗口的DOM
在子窗口中,我们可以方便的进行父窗口DOM操作,只需要在DOM操作之前添加亦歌parent对象的方法就可以啦,如:在上面的子窗口B中,我们可以使用下面的代码把,父窗口中ID为“pHello”的内容给替换掉:
-------------------
3、在iframe中,子窗口A操作子窗口B的DOM
既 然子窗口可以操作父窗口的window对象和document对象,那么子窗口也可以操作另外的子窗口的DOM啦~断桥残雪在子窗口B中可以直接 使用parent直接调用父窗口中的getIFrameDOM函数获得子窗口A的document对象,这样要修改子窗口A的内容就很简单啦,如以下的代 码:
var a= parent.getIFrameDOM ( "wIframeA" ) ;
===================================================================================
一个iframe高度自动变化的问题搞了我半天,网上找了下资料,不是很好,结合了一下jquery(版本1.3.2),4行代码即可,完美兼容IE、Firefox、Opera、Safari、Google Chrome,js如下:
function heightSet(thisFrame){
if($.browser.mozilla || $.browser.msie){
bodyHeight =window.frames["thisFrameName"].document.body.scrollHeight;
}else{
bodyHeight =thisFrame.contentWindow.document.documentElement.scrollHeight;
//这行可代替上一行,这样heightSet函数的参数可以省略了
//bodyHeight = document.getElementById("thisFrameId").contentWindow.document.documentElement.scrollHeight;
}
document.getElementById("thisFrameId").height=bodyHeight;
}
<iframe id="mainFrame" name="mainFrame" frameborder="0" scrolling="no" src="" onload=" heightSet(this) " ></iframe>
发表评论
-
iframe 跨域上传文件
2012-12-21 20:47 4089iframe无刷新跨域上传文件并获取返回值 通常我 ... -
jquery 数组处理
2012-11-29 16:47 762jQuery的数组处理,便捷,功能齐全. 最近 ... -
jQuery 美元符冲突的解决方法,使用jquery与别的js库共同使用的时候需要注意的地方。
2012-06-20 16:49 775jQuery 美元符冲突的解决方法,使用jquery与别的 ... -
jquery事件机制扩展插件,jquery鼠标右键事件。
2012-06-14 19:25 1257因为最近技术长进缓慢,也没高手带,只能靠自己了,所以想仿个 ... -
fancybox
2012-05-07 03:23 819http://www.beautycss.cn/blog/ar ... -
jquery刷新页面
2012-05-04 17:30 1546jquery刷新页面 局部刷新: 这个方法就多了去了,常见 ... -
jQuery插件—获取URL参数
2011-08-21 16:30 928jQuery插件—获取URL参数 ... -
jquery 弹窗 (转)
2011-01-10 19:22 1866jquery 弹窗 (转) 2010-07-13 10:08 ... -
3款 jquery tab
2011-01-09 01:17 6728一、jQuery idTabs idTabs 是 jQuer ... -
jquery 加载图片
2011-01-07 21:48 699<script type="text/java ... -
IE8 下 HTML Parsing Error: Unable to modify the parent container element before t
2009-12-20 02:47 2266IE8 下 HTML Parsing Error: Unabl ...
相关推荐
主要是对jquery中iframe的操作进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
本人开发的积累总结,Iframe模拟Ajax 可以跨越的操作。
本文实例分析了jQuery取得iframe中元素的常用方法。分享给大家供大家参考,具体如下: jquery取得iframe中元素的几种方法: 在iframe子页面获取父页面元素 代码如下: 复制代码 代码如下:$(‘#objId’, parent....
<iframe>也应该是框架的一种形式,它与<frame>不同的是,iframe可以嵌在网页中的任意部分。本文给大家介绍jQuery中iframe的操作(点击按钮新增窗口),需要的朋友参考下吧
iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作,需要的朋友可以参考下
jquery对iframe自适应高度插件是国外下载下来的。插件使用只要引用js文件就行,不用做任何别的操作完全自动化。
用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮$(window.frames[“iframe1”].document).find(”input[@type=’radio’]“)....
本文实例讲述了jQuery操作iframe中js函数的方法。分享给大家供大家参考,具体如下: 1、jquery操作iframe中的元素(2种方式) var tha = $(window.frames[core_content].document).find(#trewuuu).html(); var thb ...
Jquery 操作页面中iframe自动跟随窗口大小变化,而不出现滚动条,只在iframe内部出滚动条
怎么实现在加载完iframe的内容后才进行下一步操作,通过jquery可以实现,为iframe添加onload事件,具体如下,喜欢的朋友不妨参考下或许对大家有所帮助
对于javascript操作iframe父级页面元素的方法,大家应该都非常清楚了,下面结合当前非常流行的jquery分享一下如何使用jquery查找和操作iframe父级页面元素的实现代码。
iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作 DOM方法:父窗口操作IFRAME:window.frames[“iframeSon”].documentIFRAME操作父窗口: window.parent.document jquery...
1)在iframe中查找父页面元素的方法:$(‘#id’, window.parent.document) 2)在iframe中调用父页面中定义的方法和变量:parent.methodparent.value 3)实例 1.父页面 代码如下:<%@ Page Language=”C#” ...
获取iframe的document对象进行dom的操作,实现方法很多,下面是jquery的实现过程,喜欢玩iframe的朋友可以参考下
$(‘#btnCancel’,$(‘#PopFrame’)[0].contentWindow.document) 从iframe页面中选择父页面中的元素: 代码如下: $(“#PopContainer”,parent.document) 以下内容是别的网友的解决方法:只好用DOM方法与jquery方法...
本篇文章主要是对同域jQuery(跨)iframe操作DOM进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,本文主要给大家分享了关于简单使用JQUERY来操作IFRAME的一些记录,这个使用纯JS也可以实现。下面话不多说了,来一起看看详细的介绍吧。 第一、...