- 浏览: 741229 次
- 性别:
- 来自: 郑州
文章分类
- 全部博客 (396)
- JAVA (50)
- ORACLE (22)
- HIBERNATE (1)
- SPRING (26)
- STRUTS (4)
- OTHERS (0)
- MYSQL (11)
- Struts2 (16)
- JS (33)
- Tomcat (6)
- DWR (1)
- JQuery (26)
- JBoss (0)
- SQL SERVER (0)
- XML (10)
- 生活 (3)
- JSP (11)
- CSS (5)
- word (1)
- MyEclipse (7)
- JSTL (1)
- JEECMS (2)
- Freemarker (8)
- 页面特效 (1)
- EXT (2)
- Web前端 js库 (2)
- JSON http://www.json.org (3)
- 代码收集 (1)
- 电脑常识 (6)
- MD5加密 (0)
- Axis (0)
- Grails (1)
- 浏览器 (1)
- js调试工具 (1)
- WEB前端 (5)
- JDBC (2)
- PowerDesigner (1)
- OperaMasks (1)
- CMS (1)
- Java开源大全 (2)
- 分页 (28)
- Eclipse插件 (1)
- Proxool (1)
- Jad (1)
- Java反编译 (2)
- 报表 (6)
- JSON (14)
- FCKeditor (9)
- SVN (1)
- ACCESS (1)
- 正则表达式 (3)
- 数据库 (1)
- Flex (3)
- pinyin4j (2)
- IBATIS (3)
- probe (1)
- JSP & Servlet (1)
- 飞信 (0)
- AjaxSwing (0)
- AjaxSwing (0)
- Grid相关 (1)
- HTML (5)
- Guice (4)
- Warp framework (1)
- warp-persist (1)
- 服务器推送 (3)
- eclipse (1)
- JForum (5)
- 工具 (1)
- Python (1)
- Ruby (1)
- SVG (3)
- Joda-Time日期时间工具 (1)
- JDK (3)
- Pushlet (2)
- JSP & Servlet & FTP (1)
- FTP (6)
- 时间与效率 (4)
- 二维码 (1)
- 条码/二维码 (1)
最新评论
-
ctrlc:
你这是从web服务器上传到FTP服务器上的吧,能从用户电脑上上 ...
jsp 往 FTP 上传文件问题 -
annybz:
说的好抽象 为什么代码都有两遍。这个感觉没有第一篇 和第二篇 ...
Spring源代码解析(三):Spring JDBC -
annybz:
...
Spring源代码解析(一):IOC容器 -
jie_20:
你确定你有这样配置做过测试? 请不要转载一些自己没有测试的文档 ...
Spring2.0集成iReport报表技术概述 -
asd51731:
大哥,limit传-1时出错啊,怎么修改啊?
mysql limit 使用方法
query取得iframe中元素的几种方法
在iframe子页面获取父页面元素
代码如下:
$('#objId', parent.document);
// 搞定...
在父页面 获取iframe子页面的元素
代码如下:
$("#objid",document.frames('iframename').document)
$(document.getElementById('iframeId').contentWindow.document.body).html()
显示iframe中body元素的内容。
$("#testId", document.frames("iframename").document).html();
根据iframename取得其中ID为"testId"元素
$(window.frames["iframeName"].document).find("#testId").html()
用JS或jQuery访问页面内的iframe,兼容IE/FF
注意:框架内的页面是不能跨域的!
假设有两个页面,在相同域下.
index.html 文件内含有一个iframe:
XML/HTML代码
<!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=gb2312" />
<title>页面首页</title>
</head>
<body>
<iframe src="iframe.html" id="koyoz" height="0" width="0"></iframe>
</body>
</html>
iframe.html 内容:
XML/HTML代码
<!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=gb2312" />
<title>iframe.html</title>
</head>
<body>
<div id="test">www.koyoz.com</div>
</body>
</html>
1. 在index.html执行JS直接访问:
JavaScript代码
document.getElementById('koyoz').contentWindow.document.getElementById
('test').style.color='red'
通过在index.html访问ID名为'koyoz'的iframe页面,并取得此iframe页面内的ID为'test'的
对象,并将其颜色设置为红色.
此代码已经测试通过,能支持IE/firefox .
2. 在index.html里面借助jQuery访问:
JavaScript代码
$("#koyoz").contents().find("#test").css('color','red');
此代码的效果和JS直接访问是一样的,由于借助于jQuery框架,代码就更短了.
收集网上的一些示例:
用jQuery在IFRAME里取得父窗口的某个元素的值
只好用DOM方法与jquery方法结合的方式实现了
1. 在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input:radio").attr("checked","true");
2. 在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input:radio").attr("checked","true");
父窗口想获得IFrame中的Iframe,就再加一个frames子级就行了,如:
$(window.frames["iframe1"].frames["iframe2"].document).find("input:radio").attr("checked","true");
发表评论
-
jquery.corner插件的图片角处理
2012-03-08 15:48 1031http://www.malsup.com/jquery/co ... -
jQuery删除元素remove
2012-01-06 14:55 0写道 在DOM操作页面时,删除元素的方法jquery提供了两 ... -
解决jQuery中dbclick事件触发两次click事件
2012-01-06 14:09 0在jQuery事件绑定中,dbclick可以触发两次click ... -
模拟超链接单击事件
2012-01-06 14:06 1279js脚本 function aClick(){ ... -
jQuery-Draggable参数介绍
2012-01-06 11:02 1489默认设置值: $.extend($.ui.draggable ... -
jquery.ui.draggable中文文档
2012-01-06 11:02 2077[原文翻译] JQuery UI Draggable插件用来 ... -
jQuery EasyUI 可拖放(Draggable)用法
2012-01-06 11:01 1769jQuery EasyUI可以方便实现很多功能,这里将会介绍一 ... -
JQuery获得绝对,相对位置的坐标方法
2012-01-06 10:57 847获取页面某一元素的绝对X,Y坐标,可以用offset()方 ... -
jquery的table操作之在指定行后添加新行
2011-12-30 16:02 3039<!DOCTYPE HTML PUBLIC " ... -
25个超棒的jQuery日历和日期选取插件
2011-06-08 18:23 3160本文介绍25个非常不错的jQuery日历和日期选取插件, ... -
30个最佳 jQuery Lightbox 效果插件
2011-06-08 18:19 2123Lightbox 应该是最流行的图片浏览效果了,常具有功 ... -
60款很酷的 jQuery 幻灯片演示和下载
2011-06-08 18:17 1142jQuery 是一个非常优秀的 JavaScript 框 ... -
10款新鲜出炉的 jQuery 插件
2011-06-08 18:14 1157这篇文章与大家分享的是10款新鲜出炉的基于 jQuery ... -
jquery UI: 推荐8个独特应用的JQuery拖放插件Table Drag plugin
2011-04-28 19:21 1824推荐8个独特应用的JQuery拖放插件 ... -
jquery1.4后 jqDrag 拖动 不可用
2011-04-06 14:28 820复制代码 代码如下: (function($){ $.f ... -
解决flexgrid的属性showToggleBtn为false,时的bug
2011-03-29 17:42 1380采用flexgrid插件时,当属性showToggleBtn为 ... -
jqmodal遮罩层的实现
2011-03-29 15:24 1955前些天公司的项目中,为了一些特效,要用到遮罩效果。了解了一下, ... -
jquery imgareaselect 使用利用js与程序结合实现图片剪切
2011-03-12 12:17 1645/* 缺陷,当前在ff3下,用jquery的 ... -
240多个jQuery插件
2011-02-14 09:12 1008网上看到的一些jQuery插件,一共有240个,记录下来, ... -
JQuery 技术以及相关插件网址
2011-02-12 14:08 1020官网: 技术资料: jQue ...
相关推荐
对于javascript操作iframe父级页面元素的方法,大家应该都非常清楚了,下面结合当前非常流行的jquery分享一下如何使用jquery查找和操作iframe父级页面元素的实现代码。
jQuery内嵌iframe导航菜单
本插件基于jquery开发,利用iframe加载,移植性强,脱离底层javascript代码,便于后期广告的更改。 本插件兼容IE6或更高,Firefox,Chrome,Opera等浏览器。 2.如何使用 1)将ad文件夹放入网站根目录 2)使用时,...
jquery通用的iframe弹层插件,兼容主流浏览器
用jquery实现iframe高度自适应实例代码完美兼容多数浏览器
本文实例讲述了jQuery子窗体取得父窗体元素的方法。分享给大家供大家参考。具体如下: $(#父窗口元素ID,window.parent.document); 对应javascript版本为 window.parent.document.getElementById(父窗口元素ID); 取...
超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...
手撸简单版前端富文本编辑器。基本原理:由于富文本内容不想收到所在页面或者前端框架的影响,或者说写一个完全单独的纯编辑器,采用原生iframe+js+jquery实现。
一个简单的实用程序,可将iframe调整为其内容的大小。 用法 $('iframe').iframeResize(); 这会将加载事件处理程序绑定到每个iframe,并将它们调整为当前内容的大小。 它还为自定义sizeToContent事件注册了一个处理...
javascript原生和jquery库实现iframe自适应内容高度和宽度—推荐使用jQuery的代码! <iframe src=index....
script type = “ text / JavaScript ” src = “ path / to / jquery.print.js ” > </ script > 使用它像: $(“#myElementId ”)。print(/ * options * /); 要么 $。print(“#myElementId ...
iframe-box iframe box 是一个小型 javascript 工具,用于测试 iframe 中的用户界面。 您可以轻松访问 Iframe 内的任何类型的信息。 此外,您可以操作表单和表单元素。使用 Iframe 框对象创建 iframe 框 // simple ...
jQuery Panzoom是一款非常实用的HTML DOM元素平移和缩放jQuery和...Panzoom利用CSS transforms 和 matrix函数来为浏览器进行硬件(GPU)加速,它可以支持任何元素的平移和缩放:图片、视频、iframe、canvas或文本等等。
Javascript右键菜单,JQuery 实现 本人网络收集 提供自己使用和研究 /**得到一个对象的所有属性 var attrs="t:"; for(var attr in t) { attrs+=attr; attrs+="|"; alert("inst的"+attr+"属性:"+t[attr]); } alert...
ThickBox 是基于 jQuery 用 JavaScript 编写的网页UI对话窗口小部件. 它可以用来展示单一图片, 若干图片, 内嵌的内容, iframed的内容, 或以 AJAX 的混合 modal 提供的内容. 点击这里查看演示 特性: ThickBox 是...
书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并在上一版的基础上新增了两章,讲述jQuery框架的基础知识。本书不仅介绍了基础知识和使用方法,也深入探讨...
用JavaScript刷新上级页面和当前页面 代码如下: [removed] //刷新上级页面 //window.parent.main....使用下面的几种方法都可以引用frame或iframe元素: 代码如下: window.frames[index] windows.frames[“框架名”]
通过JAVASCRIPT或者JQUERY操作框架页面的方法,分为获取元素和调用函数
wBox——轻量级的弹出窗口jQuery插件,基于jQuery1.4.2开发,主要实现弹出框的效果,并且加入了很多有趣的功能,比如可img灯箱效果,callback函数,显示隐藏层,Ajax页面,iframe嵌入页面…… 背景透明度可以根据...