文档章节

Iframe

派卡琪安
 派卡琪安
发布于 2013/08/22 22:47
字数 227
阅读 51
收藏 0

1.公用一段HTML,放到一个独立.html,iframe导入

<iframe id="ff1" name="ff1" src="../default_list.html" width="920" height="700" scrolling="no" frameborder="0"></iframe>
<iframe id="ff2" name="ff2" src="../default_list.html" width="920" height="700" scrolling="no" frameborder="0"></iframe>
2.JavaScript获取子iframe控件
//获取iframe的Document
var iframeDoc = document.getElementById("ff1").contentWindow.document;
//获取iframe的Hidden控件
var iframePId = iframeDoc.getElementById('partId');
//动态设置ifram控件的value
iframePId.value = 1;
3.判断iframe是否加载完成
var iframe = document.getElementById("ff1");
if (iframe.attachEvent){//IE 
    iframe.attachEvent("onload", function(){
	alert("iframe加载完成");
    });
} else {
    iframe.onload = function(){
	alert("iframe加载完成");
    };
}

4.特别注意~~~~
如果你在本地测试,而且你用Chrome,即URL是 file:///...
那当contentWindow时,其他浏览器都能正常取得Document,而Chrome不行;
原因:其他浏览器都认为父HTML和子iframe是 同域的,而Chrome认为这是跨域不安全的;
解决方法:把它放上服务器,当URL是http://...,一切正常了;
参考网址:http://blog.csdn.net/danica7773/article/details/6213813


© 著作权归作者所有

派卡琪安
粉丝 28
博文 61
码字总数 19664
作品 0
广州
程序员
私信 提问
【翻译】Iframe, onload 与 document.domain

原文链接:http://www.nczonline.net/blog/2009/09/15/iframes-onload-and-documentdomain/ 译者:Demix 在web2.0的时代,越来越多的人开始关注使用iframe将第三方网站的内容嵌入自己的网站中...

山哥
2011/09/19
207
0
Iframe 用法浅析

解释成“浏览器中的浏览器“很是恰当 用于设置文本或图形的浮动图文框或容器。 BORDER 设定围绕图文框的边缘宽度 FRAMEBODER 设置边框是不否为3维(0=否,1=是) HEIGHT,WIDTH 设质边框的宽度...

晨曦之光
2012/03/09
77
0
JavaScript 和 Jquery 操作 iframe

使用 JavaScript 和 Jquery 如何操作 html标签 iframe JavaScript方式 1) var iframe = document.getElementById('iframe'); // 这种方式虽然能够获取 iframe 对象,但是无法获取它的属性 ......

learn_more
2015/12/26
151
0
iframe异步加载技术及性能

原文地址。 我们会经常使用iframes来加载第三方的内容、广告或者插件。使用iframe是因为他可以和主页面并行加载,不会阻塞主页面。当然使用iframe也是有利有弊的:Steve Souders在他的blog里...

山哥
2012/08/01
351
0
支持iframe自适应,并全屏iframe

support iframe responsive and fullscreen iframe(支持iframe自适应,并全屏iframe) 1.use jquery iframe resizer(it will autoresize iframe when content change) and more fullscreen a ......

长沙大东家
2016/01/14
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

前端技术之:Prisma Demo服务部署过程记录

安装前提条件: 1、已经安装了docker运行环境 2、以下命令执行记录发生在MackBook环境 3、已经安装了PostgreSQL(我使用的是11版本) 4、Node开发运行环境可以正常工作 首先需要通过Node包管...

popgis
今天
5
0
数组和链表

数组 链表 技巧一:掌握链表,想轻松写出正确的链表代码,需要理解指针获引用的含义: 对指针的理解,记住下面的这句话就可以了: 将某个变量赋值给指针,实际上就是将这个变量的地址赋值给指...

code-ortaerc
今天
4
0
栈-链式(c/c++实现)

上次说“栈是在线性表演变而来的,线性表很自由,想往哪里插数据就往哪里插数据,想删哪数据就删哪数据...。但给线性表一些限制呢,就没那么自由了,把线性表的三边封起来就变成了栈,栈只能...

白客C
今天
43
0
Mybatis Plus service

/** * @author beth * @data 2019-10-20 23:34 */@RunWith(SpringRunner.class)@SpringBootTestpublic class ServiceTest { @Autowired private IUserInfoService iUserInfoS......

一个yuanbeth
今天
5
0
php7-internal 7 zval的操作

## 7.7 zval的操作 扩展中经常会用到各种类型的zval,PHP提供了很多宏用于不同类型zval的操作,尽管我们也可以自己操作zval,但这并不是一个好习惯,因为zval有很多其它用途的标识,如果自己...

冻结not
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部