javascript firefox 自动加载iframe 自动调整高宽示例

 更新时间:2013年08月27日 15:44:07   作者:  
iframe 自动获取onload高宽以及iframe 自动加载,具体实现如下,感兴趣的朋友可以参考下
iframe 自动获取onload高宽
复制代码 代码如下:

function AutoResize(iframe)
{
//firefox
if(iframe.contentWindow)
{
iframe.height = iframe.contentWindow.document.documentElement.scrollHeight;
iframe.width = iframe.contentWindow.document.documentElement.scrollWidth;

}
//IE
else if(iframe.contentDocument) {

iframe.height = iframe.contentDocument.width;
iframe.width = iframe.contentDocument.height;
}
}

iframe 自动加载:
复制代码 代码如下:

var tdObj = document.getElementById('ifrtd');
tdObj.innerHTML = ' QQ动态加载中 ... ';

var iframe = document.createElement("iframe");
iframe.src = 'http://www.zbphp.com/';

if (iframe.attachEvent){

//iframe.attachEvent("onload",AutoResize.call(iframe)); #报错
iframe.attachEvent("onload", function(){
AutoResize(iframe);
});
} else {

//iframe.onload = AutoResize.call(iframe);#报错不支持
iframe.onload = function(){
AutoResize(iframe);
};
}

tdObj.innerHTML = '';
tdObj.appendChild(iframe);

其实那个iframe.onload这里想写成iframe.onload = AutoResize.call(iframe);很遗憾,报错,不支持。

一直不知道javascript 如何进行函数调用。比如遇到 iframe.onload = function(){} 调用函数且有参数的时候,这样的情况只能这样写,而不能像其他程序那样直接传参。

以前看过有 apply() call(),但试过都是不支持的。为什么?

相关文章

  • JS实现样式清新的横排下拉菜单效果

    JS实现样式清新的横排下拉菜单效果

    这篇文章主要介绍了JS实现样式清新的横排下拉菜单效果,通过简单的元素遍历控制页面元素的动态切换效果,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • JavaScript命令模式原理与用法实例详解

    JavaScript命令模式原理与用法实例详解

    这篇文章主要介绍了JavaScript命令模式原理与用法,结合实例形式详细分析了JavaScript命令模式基本概念、原理、用法及操作注意事项,需要的朋友可以参考下
    2020-03-03
  • D3.js 实现带伸缩时间轴拓扑图的示例代码

    D3.js 实现带伸缩时间轴拓扑图的示例代码

    这篇文章主要介绍了D3.js 实现带伸缩时间轴拓扑图的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • 详解ES6中的Map与Set集合

    详解ES6中的Map与Set集合

    这篇文章主要介绍了详解ES6中的Map与Set集合,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-03-03
  • 使用apifm-wxapi模块中的问题及解决方法

    使用apifm-wxapi模块中的问题及解决方法

    这篇文章主要介绍了使用apifm-wxapi模块中的问题及讲解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • echarts浮动显示单位的实现方法示例

    echarts浮动显示单位的实现方法示例

    这篇文章主要给大家介绍了关于echarts浮动显示单位的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • 基于JS对象创建常用方式及原理分析

    基于JS对象创建常用方式及原理分析

    下面小编就为大家带来一篇基于JS对象创建常用方式及原理分析。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • JS实现搜索关键词的智能提示功能

    JS实现搜索关键词的智能提示功能

    最近在百度搜索的时候,当你输入一个字或者词的时候,他会给你们弹出一个下拉框出来,里面是和你相关的搜索提示,效果非常人性化,基于js怎么实现搜索关键词智能提示功能,下面小编通过实例代码给大家介绍下,需要的的朋友参考下吧
    2017-07-07
  • 详解JavaScript的BUG和错误

    详解JavaScript的BUG和错误

    本篇内容给大家总结了JavaScript的BUG和错误,如果大家对此知识点有兴趣,可以跟着学习参考下。
    2018-05-05

最新评论