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


Posted in Javascript onAugust 27, 2013

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(),但试过都是不支持的。为什么?

Javascript 相关文章推荐
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Feb 04 Javascript
js/jQuery对象互转(快速操作dom元素)
Feb 04 Javascript
JavaScript实现的Tween算法及缓冲特效实例代码
Nov 03 Javascript
剖析Node.js异步编程中的回调与代码设计模式
Feb 16 Javascript
jQuery调用WebMethod(PageMethod) NET2.0的方法
Apr 15 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
May 28 Javascript
JS获取地址栏参数的两种方法(简单实用)
Jun 14 Javascript
微信小程序 引入es6 promise
Apr 12 Javascript
JavaScript实现修改伪类样式
Nov 27 Javascript
vue axios请求超时的正确处理方法
Apr 02 Javascript
javascript的this关键字详解
May 20 Javascript
JS如何寻找数组中心索引过程解析
Jun 01 Javascript
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
Aug 27 #Javascript
JS 实现Table相同行的单元格自动合并示例代码
Aug 27 #Javascript
Javascript 浮点运算的问题分析与解决方法
Aug 27 #Javascript
js中点击空白区域时文本框与隐藏层的显示与影藏问题
Aug 26 #Javascript
关于IE中getElementsByClassName不能用的问题解决方法
Aug 26 #Javascript
关于Jquery操作Cookie取值错误的解决方法
Aug 26 #Javascript
jquery弹出框的用法示例(2)
Aug 26 #Javascript
You might like
在WAMP环境下搭建ZendDebugger php调试工具的方法
2011/07/18 PHP
PHP中的session安全吗?
2016/01/22 PHP
ThinkPHP3.2.3框架实现的空模块、空控制器、空操作,跳转到错误404页面图文详解
2019/04/03 PHP
js中eval详解
2012/03/30 Javascript
JavaScript原型链示例分享
2014/01/26 Javascript
jQuery获取选中内容及设置元素属性的方法
2014/07/09 Javascript
jquery中each遍历对象和数组示例
2014/08/05 Javascript
Jquery 实现图片轮换
2015/01/28 Javascript
基于javascript实现浏览器滚动条快到底部时自动加载数据
2015/11/30 Javascript
js+css实现回到顶部按钮(back to top)
2016/03/02 Javascript
基于JS实现数字+字母+中文的混合排序方法
2016/06/06 Javascript
利用Jquery队列实现根据输入数量显示的动画
2016/09/01 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
2017/03/09 Javascript
Bootstrap table使用方法汇总
2017/11/17 Javascript
js推箱子小游戏步骤代码解析
2018/01/10 Javascript
微信小程序实现自定义加载图标功能
2018/07/19 Javascript
js事件on动态绑定数据,绑定多个事件的方法
2018/09/15 Javascript
js+html5 canvas实现ps钢笔抠图
2019/04/28 Javascript
Vue函数式组件-你值得拥有
2019/05/09 Javascript
webpack4.0+vue2.0利用批处理生成前端单页或多页应用的方法
2019/06/28 Javascript
如何解决jQuery 和其他JS库的冲突
2020/06/22 jQuery
原生js实现简单轮播图
2020/10/26 Javascript
vue created钩子函数与mounted钩子函数的用法区别
2020/11/05 Javascript
Zabbix实现微信报警功能
2016/10/09 Python
Python获取指定字符前面的所有字符方法
2018/05/02 Python
Manuka Doctor美国官网:麦卢卡蜂蜜和蜂毒护肤
2016/12/25 全球购物
Tarte Cosmetics官网:美国最受欢迎的化妆品公司之一
2017/08/24 全球购物
优秀团支部事迹材料
2014/02/08 职场文书
《陶罐和铁罐》教学反思
2014/02/19 职场文书
通信工程专业求职信
2014/06/04 职场文书
上班时间打瞌睡检讨书
2014/09/26 职场文书
工作作风建设心得体会
2014/10/22 职场文书
2014年电工工作总结
2014/11/20 职场文书
小学少先队辅导员述职报告
2015/01/10 职场文书
彻底理解golang中什么是nil
2021/04/29 Golang
Mysql排序的特性详情
2021/11/01 MySQL