iframe document对象用法示例

发布时间:2020-01-04编辑:脚本学堂
本文介绍了iframe中document对象的用法,在网页中如何获取嵌入网页中的iframe内的document对象,需要的朋友参考下。

iframe document对象

1、第一种访问方法
 

复制代码 代码示例:
document.getElementById('iframe1').Document

注意:这里获取document对象使用的是大写的Document, 若写成小写的document对象则指当前网页的document对象。
 

复制代码 代码示例:
document.getElementById('iframe1').Document    //iframe的document对象
document.getElementById('iframe1').document    //当前网页的document对象

测试方法:
 

复制代码 代码示例:
document.getElementById('iframe1').document.writeln('test is ok');  //结果:当前网页页面输出test is ok
document.getElementById('iframe1').Document.writeln('test is ok');  //结果:嵌入网页(iframe1)页面输出test is ok

2、第二种访问方法
 

复制代码 代码示例:
document.getElementById('iframe1').contentWindow.document

3、iframe的获取方法
1)document.getElementById('iframe');
2)  document.getElementByTagName[index]; //方挎号中的index为iframe在网页中的索引号
3)  document.frames[index];  //通过文档的frames对象来访问iframe