获取/设置IFRAME内对象元素的几种JS方法

iframe浏览器ie文档微软

１。IE专用(通过frames索引形象定位)： document.frames[i].document.getElementById('元素的ID');

２。IE专用(通过IFRAME名称形象定位)： document.frames['iframe的name'].document.getElementById('元素的ID');

　　以上方法，不仅对IFRAME适用，对FRAMESET里的FRAME也同样适用。IE虽然擅于自定标准，但不得不说它很多的设计还是比较体现人性化的。比如这个，它在同样支持下面的标准路径之外，提供了一个简洁且形象化的写法。

３。通用方法： document.getElementById('iframe的ID').contentWindow.document.getElementById('元素的ID')

　　注意要加上contentWindow，往往出现问题都是因为这个容易被忽略，它代表FRAME和IFRAME内部的窗口对象。

　　但是，很明显，这种写法非常要命，太长了。如果要操作一系列里面的元素，这样写起来，实在够受的，就算用复制粘贴大法，眼睛看起来也是个问题。

４。通用方法的简写：

　　对document.getElementById定义一个短名称，稍微熟悉JS的朋友都知道这个方法。在这里它可以发挥双倍的作用，如下例：

[javascript]view plaincopy

var $id=document.getElementById;
$Id('iframe的ID').contentWindow.$Id('元素的ID') //这样就得到了要取的对象

在这一点上，我还是喜欢IE的做法，比较呵护。因为微软不是一个单独的浏览器开发商，它本身也要大量地编写开发HTML/ASP等文档，所以比较能够做到这一点。而其它的浏览器开发商，基本只是站在一个浏览器的立场，把最基本的链路走通就完事了，很少站在开发者立场去设计出一些类似这样既简便又不失语义化的捷径来。很多人动辄说它们“标准”，在有些地方固然有理，但在有些地方，这种标准也不过是一种冷漠。

获取/设置IFRAME内对象元素的几种JS方法相关推荐

多iframe下的html同名id,获得同级iframe页面的指定ID元素的几种实现方法
1.JS实现: var object= window.parent.frames("要获得的iframe的name").contentDocument.getElementById ...
w7计算机防火墙无法更改,win7系统提示防火墙无法更改某些设置错误代码0x8007437的原因及四种解决方法...
win7系统提示"防火墙无法更改某些设置,错误代码0x8007437",这该怎么办呢?下面脚本之家的小编就带来win7系统提示防火墙无法更改某些设置错误代码0x8007437的原因 ...
【win10休眠后几分钟内自动开机的一种解决方法】
win10休眠后几分钟内自动开机的一种解决方法背景系统win10,内存16g,c盘是ssd,剩余空间勉强够休眠文件hiberfil.sys使用.为了第二天快速开始工作以及一些项目不方便保存等情况, ...
JavaScript 技术篇-js获取iframe内的元素方法实例演示
var a = document.querySelector("iframe") 获取到 iframe. var b = a.contentWindow.document 获取到 ...
iframe内联元素有白边原因_教你如何使用内联框架元素 IFrames 的沙箱属性提高安全性？
作者:Huup_We 转发链接:https://mp.weixin.qq.com/s/21ydrXuinCtYiJdsynsTrA 前言想要构建一个体验丰富的网站,嵌入组件和内容几乎是不可避免的,而 ...
css:块元素、行内元素、行内块元素以及三种元素之间的转换
一.三种元素的介绍 1.块元素块元素的特点独占一行,也就是会自动换行可以设置高度.宽度.外边距.内边距宽度默认是父元素的宽度常见块元素 <h1></h1>---< ...
java set取最大最小_Java中取得数组中最大（小）元素的几种实现方法
简介本篇文章将主要介绍获取数组中最大(小)元素的基本方法,以及其在Java中的几种实现方法. 算法取得数组中最大(小)元素的基本算法一般都类似于如下所示: SET MAX to array[0] ...
JS 对象属性的两种表示方法
JS中对象属性的表示方法有两种: <prop为属性名> obj.prop obj['prop'](注:'[]'里面必须是字符串) 例: var obj = {name:'abc' } ob ...
Java获取三个数字中的最大值[5种解决方法]
第一种解决方法[if嵌套] public static int getMax1(int a, int b, int c) {int max = 0;if (a > b) {if (a > ...

获取/设置IFRAME内对象元素的几种JS方法

获取/设置IFRAME内对象元素的几种JS方法

获取/设置IFRAME内对象元素的几种JS方法相关推荐

最新文章

热门文章