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作用域链的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • ES6的异步终极解决方案分享

    ES6的异步终极解决方案分享

    这篇文章主要给大家介绍了关于ES6的异步终极解决方案,文中通过示例代码介绍的非常详细,对大家学习或者使用ES6具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-07-07
  • JS去除重复并统计数量的实现方法

    JS去除重复并统计数量的实现方法

    js去除重复并统计数量方法,首先点击按钮触发事件,然后用class选择器,迭代要获取的文本(这里最好用text()方法)加入到Array()集合里。具体操作方法,大家通过本文学习下吧
    2016-12-12
  • 基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)

    基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)

    通过本文给大家介绍鼠标经过好友列表中的好友头像时显示资料卡的效果,非常不错具有参考借鉴价值,感兴趣的朋友一起看下吧
    2016-06-06
  • 基于layui实现高级搜索(筛选)功能

    基于layui实现高级搜索(筛选)功能

    这篇文章主要为大家详细介绍了基于layui实现高级搜索、筛选功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • javascript HTML+CSS实现经典橙色导航菜单

    javascript HTML+CSS实现经典橙色导航菜单

    这篇文章主要介绍了javascript HTML+CSS实现经典橙色导航菜单的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • javascript读取xml

    javascript读取xml

    javascript读取xml...
    2006-11-11
  • cocos2dx骨骼动画Armature源码剖析(一)

    cocos2dx骨骼动画Armature源码剖析(一)

    cocos2dx中的骨骼动画在程序中使用非常方便,从编辑器(cocostudio或flash插件dragonBones)得到xml或json数据,调用代码就可以直接展示出动画效果,下面通过本篇文章给大家分享cocos2dx骨骼动画Armature源码剖析,需要的朋友一起来学习吧。
    2015-09-09
  • 使用JS实现鼠标放上图片进行放大离开实现缩小功能

    使用JS实现鼠标放上图片进行放大离开实现缩小功能

    这篇文章主要介绍了使用JS实现鼠标放上图片进行放大离开实现缩小功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-01-01
  • JavaScript对象_动力节点Java学院整理

    JavaScript对象_动力节点Java学院整理

    这篇文章主要为大家详细介绍了JavaScript对象的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06

最新评论