Jquery中获取iframe的代码
父窗口中操作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.parent.document)
接下来就可以继续获取iframe内的dom了。
获取iframe内的dom对象有两种方法
1 $(window.frames["iframeChild"].document).find("#child")
2 $("#child",window.frames["iframeChild"].document)
1.在父窗口中操作 选中IFRAME中的所有单选按钮
$(window.frames["iframeChild"].document).find("input[@type='radio']").attr("checked","true");
2.在IFRAME中操作 选中父窗口中的所有单选按钮
$(window.parent.document).find("input[@type='radio']").attr("checked","true");
相关推荐
-
jQuery解决iframe高度自适应代码
复制代码 代码如下: <script type="text/javascript"> <!-- $( function() { //iframe高度随内容自动调整 $('.main').load( function() { $(this).height($(this).contents().find("b
-
jQuery获取iframe的document对象的方法
获取iframe的document对象的目的就是进行dom的操作 $(function() { var result = $('#myframe').prop('contentWindow').document; console.log(result); }); 这样输出来的结果是:document对象
-
JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
复制代码 代码如下: function adjustIFramesHeightOnLoad(iframe) { var iframeHeight = Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight); $(iframe).height(iframeHeight); } 失败的测试就不说
-
Jquery方式获取iframe页面中的 Dom元素
测试页面代码: 复制代码 代码如下: <html> <head> <title>jquery方式,访问iframe页面dom元素</title> <meta name="Author" content="孙勤波"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> &l
-
JQUERY设置IFRAME的SRC值的代码
复制代码 代码如下: $(window.parent.document).find("#Frm_Main").attr("src",url); 使用jquery操作iframe 1 内容里有两个ifame <iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe> leftiframe中jQuery改变mainiframe
-
jQuery获取与设置iframe高度的方法
本文实例讲述了jQuery获取与设置iframe高度的方法.分享给大家供大家参考,具体如下: 设置iframe的高度,iframe的高度由iframe中的页面高度决定. 1.首先获取到iframe中页面的高度: 复制代码 代码如下: var iframeHeight = $("#UpdateUserItem").contents().find("body").height(); 2.设置iframe的高度: $("#UpdateUserItem"
-
自动设置iframe大小的jQuery代码
复制代码 代码如下: <iframe src="main_folder.aspx" class="global_main" scrolling="auto" frameborder="0" name="main"></iframe> 复制代码 代码如下: /*自动宽度*/ global.autoWidth = function () { //global_main $(".
-
js与jQuery 获取父窗、子窗的iframe
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1. 格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementByIdx_x
-
Jquery中获取iframe的代码
父窗口中操作iframe:window.frames["iframeChild"].document //假如iframe的id为iframeChild 在子窗口中操作父窗口:window.parent.document 那么,用如果想用jquery的方法,我们怎么用jquery来获取iframe呢?下面是一下收集来的方法. 获取页面的对象其实就是dom方法外面加上jquery的选择符: 父窗口中操作iframe:$(window.frames["iframeChild&qu
-
使用jquery/js获取iframe父子级、同级获取元素的方法
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1. 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementById("
-
jquery中获取元素里某一特定子元素的代码
之前做的一些JQUERY应用都是些很基础的编程,对于选择器要求不高,像类似于"$('.class')"."$('#id')"."$('#id>.class')"."$(this)"."$(this).parent()"."$(this).children()"这些简单的语句都能解决的. 问题的出现是我要选择一个ul里某个的li中的一个span,因为要利于编程,li是用 $('ul&
-
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
花了一晚上的时间解决了一个看似很容易的问题.今晚做的这个东西中由于要获取某列中的一个ID值.如果是用平常的那种JS传值的方式此问题就不存在,但是由于此次用到的都是jquery插件,包括各种弹出框,用JS传值就得用JS那丑陋的弹出框,所以,你懂得. 网上找了很多方法,用起来都不行,后来想到了jquery中的鼠标事件,可以在鼠标经过table时,获得当前行与列的值.页面如下所示: 具体操作就是点击"删除"按钮,然后调用jquery插件页面,这时候需要获得相应行的"ID"
-
基于jQuery的获取标签名的代码
jquery如何获取一上元素的名称比如 <div id="aa">dd</div>$("#aa").xxxmethod 昨到"div" jquery如何获取一个元素的名称比如 <div id="aa">dd</div>$("#aa").xxxmethod 得到"div" [昆明]丝雪.川琼(447031499) 13:35:50$('
-
jQuery中获取checkbox选中项等操作及注意事项
1. 获取checkbox的选中项 2. checkbox选项的全选 反选操作 用于测试的checkbox代码段: 复制代码 代码如下: <div> <input type="checkbox" name="abc" value="一年级" id="in1" checked="checked" /><label for="in1">
-
js和jquery中获取非行间样式
样式又分为了行间样式和非行间样式.一般来说行间样式用的是比较少的,因为它能够作用的范围就只有一个元素,而非行间样式的作用范围可以是一类元素(即拥有相同德标签,或者说是有相同的类名,(当然id名不可能相同,唯一性) 那么来说说在js和jquery中,有时候需要获取元素的样式,比如说width或者height,在这种情况下如何获取? js中 1.行间样式: 相信大家无论是看书还是咋滴,都知道怎么获取行间样式吧,就是利用一个style: 这种利用style的方式获取的只能是行间样式. 2.非行间样式
-
jquery中获取select选中值的代码
jquery获取select选择的文本与值 获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtype ").val(); 获取select选中的索引: $("#ddlregtype ").get(0).selectedindex;
-
js与jquery中获取当前鼠标的x、y坐标位置的代码
复制代码 代码如下: <div id="testDiv">放在我上面</div> <script type="text/javascript"> $('#testDiv').mousemove(function(e) { var xx = e.originalEvent.x || e.originalEvent.layerX || 0; var yy = e.originalEvent.y || e.originalEvent.l
随机推荐
- asp.net UpdatePanel的简单用法
- 有效防止SQL注入的5种方法总结
- 从零开始学习Node.js系列教程之基于connect和express框架的多页面实现数学运算示例
- 详解iOS中按钮点击事件处理方式
- js以及jquery实现手风琴效果
- C# 创建、部署和调用WebService简单示例
- VueJs单页应用实现微信网页授权及微信分享功能示例
- linux下源码安装mysql5.6.20教程
- 局域网内部署 Docker Registry(推荐)
- jQuery Ajax方式上传文件的方法
- Ruby中Time对象的常用函数总结
- 三步堵死 SQL Server注入漏洞
- 关于Win10下MySQL5.7.17免安装版基本配置教程(图文详解)
- C#全局热键设置与窗体热键设置实例
- jquery跟随屏幕滚动效果的实现代码
- jquery隔行换色效果实现方法
- 一个简单的PHP投票程序源码
- DLL+ ActiveX控件+WEB页面调用例子
- JS与框架页的操作代码
- cmd下PUSHD和POPD命令使用说明