文档章节

JavaScript 和 Jquery 操作 iframe

learn_more
 learn_more
发布于 2015/12/26 21:51
字数 324
阅读 147
收藏 11

使用 JavaScript 和 Jquery 如何操作 html标签 iframe 

JavaScript方式

1) var iframe = document.getElementById('iframe');             //  这种方式虽然能够获取 iframe 对象,但是无法获取它的属性

alert(iframe.nodeName);                                                       //  结果是 IFRAME

alert(iframe.document.getElementById('name').value);  //  运行出错,因为无法获取其属性,所以不推荐


2) var iframe = window.frames['iname'];    //这种方式是值得推荐的,因为可以访问其属性

alert(iframe.nodeName);   // 结果是undefined

alert(iframe.document.getElementById('name').value);// 运行正常,能够获取iframe中的元素对象


3)var iframe = window.frames[index];   //自然也可以,但不推荐,原因就是不和维护


Jquery方式

1)var $context = $('#iframe').contents();    // 通过ID选择器获取iframe元素,是可以获取iframe中的元素的

      alert($context.get(0).nodeName);      // #document

     alert($context.find('input[name="name"]').val());  // 获取元素的值



总结如下

iframe就是一个window,但又不同于window。当然相同的地方才是重点,这样的话我们就没必要又去学习一遍iframe了,而是迁移学习。所以我们最喜欢这样先使用iframe对象获取到document对象,然后对其文本流进行操作,相当于不同的工作空间,然而这些不同的iframe是可以相互调用的。关于如何相互调用在找资料吧!


© 著作权归作者所有

learn_more
粉丝 93
博文 240
码字总数 210196
作品 0
深圳
程序员
私信 提问
jQuery控制IFRAME父窗口元素

DOM方法: 父窗口操作IFRAME:window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["i......

疯狂的艺术家
2011/04/01
0
1
Shindig中JavaScript RPC机制的应用

所说的RPC是做什么的: 实现安全的JavaScript跨域调用,比如说gadget-to-container、 container-to-gadget、gadget-to-gadget等。 例如adjustHeight这个特性,gadget通知 container(指partu...

鉴客
2010/01/31
931
0
jquery tab 点击时才加载页面不点击不加载页面这个怎么写啊?

<%@page language="java" isELIgnored="false" contentType="text/html; charset=gbk" pageEncoding="gbk"%> Edit " closable="true" selected=true> " closable="true"> " closable="true">......

wenwen1
2012/11/23
3.5K
3
jquery tab报错把四个TAB置空,增加点击事件,点击事件的处理中,根据不同的Tab,动态添加相应的IFRAME

<%@page language="java" isELIgnored="false" contentType="text/html; charset=gbk" pageEncoding="gbk"%> Edit " id="ongo" > " id="end"> " id="stop" > " id="terminated"> 把四个TAB置....

wenwen1
2012/11/27
880
0
iframe多层嵌套时获取元素总结

父页面获取子页面元素: 注意:onload事件 jQuery获取: $("iframe").contents().find("holder")......; (嵌套三层,或者更多时) $('iframe').contents().find('iframe').contents().find(......

sjzmlb
2015/06/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

树莓派Zero的初始化

概述 树莓派0拿到手之后,真是爱不释手,如此小巧,配置不逊于一些低端的VPS,又具备IO口/wifi/蓝牙,还可选配摄像头.实乃居家必备之神器. 但是体积如此之小巧,用起来还是有一些问题的.比如usb口过...

一曲忠臣的战歌
22分钟前
0
0
ViewPager懒加载极致优化

目录介绍 01.ViewPager简单介绍 02.ViewPager弊端分析 03.ViewPager预加载 04.ViewPager部分源码 05.懒加载出现问题 06.如何实现预加载机制 07.懒加载配合状态管理器 吕诗禹想换个工作,渴望...

杨充
40分钟前
1
0
shadeEffect动态消失渲染

import QtQuick 2.0ShaderEffect { id:genieEffect anchors.centerIn: parent property variant source mesh:GridMesh{resolution: Qt.size(10,10)} propert......

蓝栩液枫
43分钟前
3
0
苦逼程序员的真实生活 

程序员这个行业虽然待遇还不错,但是不仅累,拿命去换取的,很多时候也是很苦逼的,有多少程序员还在苦苦追求心里的那个她。我就是千万程序员大军中的一员,其中有多苦逼我最清楚,以下的12张...

linux服务器架构
45分钟前
5
0
idea 创建maven 分支apply-patch中模块

1.点击idea 有上角的 project structure 2.选择modules-->点击“+”-->new module--->maven-->添加group id=com.paic.gamma.apply ,artifactid-分支名(qilu-bank),version=1.0-SNAPSHOT ......

qimh
49分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部