页面动态加载Iframe文件
2010-10-28 21:43
211 查看
常常需要在页面中嵌入iframe地址,但通常加载iframe会影响到页面打开速度。js可以动态的嵌入iframe,如果需要也可以在某事件触发时进行相关的操作,从而提高页面响应速度。
js动态加载iframe代码如下:
function LoadIframe(){
var newIframeObject=document.createElement("IFRAME");
newIframeObject.src="http://v.788111.com/v2/video/vodtest.aspx";
newIframeObject.scrolling="no";
newIframeObject.frameBorder=0;
newIframeObject.width=288;
newIframeObject.height=65;
$("feature_info").appendChild(newIframeObject);
}
function $(s) { return document.getElementById(s); };
将该函数写在自己需要的事件中,便可实现动态加载的效果。
js动态加载iframe代码如下:
function LoadIframe(){
var newIframeObject=document.createElement("IFRAME");
newIframeObject.src="http://v.788111.com/v2/video/vodtest.aspx";
newIframeObject.scrolling="no";
newIframeObject.frameBorder=0;
newIframeObject.width=288;
newIframeObject.height=65;
$("feature_info").appendChild(newIframeObject);
}
function $(s) { return document.getElementById(s); };
将该函数写在自己需要的事件中,便可实现动态加载的效果。
相关文章推荐
- Prototype - 在页面加载后动态加载js文件
- 根据浏览器语言,页面动态加载对应的js文件
- jq:动态加载js文件进当前页面
- 多di公用一个css 按钮控制div 动态加载iframe 页面
- 动态加载js、css等文件跨iframe实现
- asp.net 中使用iframe动态加载页面
- EasyUI Tabs + Yii2.0实现iframe方式打开页面(解决共用静态文件引入加载的问题)
- 使用JS动态在页面加载CSS文件
- 后台跳转的页面动态加载js文件和css脚本
- iframe中通过form提交动态加载页面
- asp.net 中使用iframe动态加载页面
- asp.net在使用母版页的内容页面中动态加载css和js文件的方法
- asp.net 中使用iframe动态加载页面
- 动态加载js,css文件(跨iframe)
- Asp.net中使用iframe动态加载页面
- 动态加载js、css等文件跨iframe实现
- asp.net 中使用iframe动态加载页面
- 向页面动态加载JS文件的的一个小技巧
- 在html页面动态加载js文件
- 页面动态加载js文件