iframe的使用方法
来源:互联网 发布:@徐老师淘宝店 编辑:程序博客网 时间:2024/05/16 13:19
加载一个html文件,嵌套显示在当前页面上,有几个方法:
1、用jquery的ajax方法:
$("#id").load(url,function(data,status){});
这个方法的一个缺点是,当前页面的css会影响到这个嵌套的页面。
2、用iframe来嵌套:
<span style="white-space:pre"></span>var iframe=document.createElement("iframe"); iframe.src="AldsDesc/testiframe.htm"; if(iframe.attachEvent) { iframe.attachEvent("onload",function(){ onIframeDown(); }); }else { iframe.onload=function() { onIframeDown(); }; } function onIframeDown() { iframe.style.width="800px"; }
这里的一个要点是,判断加载完毕的一个方法,用“attachEvent”会比较好;另外进行一些style属性的设定,应该等他加载完毕再进行设定,否则被其他的css覆盖掉了。
一般我们说写在内联的css是优先级最高的,但是这个不一样,他加载有个过程,直接写在内联优先级变成最低了,因为加载完才会给他设定css,你这些早写好放在那里的就会被覆盖掉,比如:
var str="<iframe id='testiframe' src='AldsDesc/testiframe.htm' style='width:800px;'></iframe>";
这个写在内联的style就会被覆盖掉。
然后,如果用弹窗来展示iframe,依然可以这样:
$(iframe).dialog({});
0 0
- iframe的使用方法
- iframe标签的使用方法
- iframe的使用方法
- iframe的使用方法,嵌入网页。
- iframe使用方法
- iframe使用方法
- iframe使用方法之:用js操纵iframe里面的元素
- iframe标记常见的几种使用方法
- ExtjS的window内嵌入iframe的使用方法
- iframe中js调用父页面的使用方法
- Iframe用法以及IFRAME标签的使用
- iframe嵌套的网页大小适应iframe
- iframe操作父级iframe的元素
- iframe 的自适应高度
- iframe 的自适应高度
- 很多用法的iframe
- Iframe页面的滚动
- IFRAME的属性参考手册
- 数据科学部门如何使用Python和R组合完成任务
- prepareStatement与Statement的区别
- obj,lib,dll,exe
- alloctor
- OC调用js(JavaScriptCore)
- iframe的使用方法
- p2p技术的原理浅析-----阿冬专栏
- c++第6次实验
- Linux Mint下Nanopb的简单使用
- intellij + gradle + jetty + spring mvc step by step - 2
- spring源码分析(二)- 容器基础
- ubuntu 12.04.5 LTS搭建海思android SDK编译环境遇到的问题总结
- Hadoop HDFS本地存储目录结构解析
- spring01