网页的标准,IMG不支持onload标签怎么办


Posted in Javascript onJune 29, 2006

网页的标准,IMG不支持onload标签怎么办

这个记得以前有人问过我,但是我那时还没有注意这些. 现在终于遇到这个问题了.因为 img 标签是没有 onload 事件的.所以 UBB 代码中的img用到的onload来处理大的图片进行自适应,这样的办法就不能采取了.
但是经过测试,body还是可以带onload事件的, 所以我解决的办法就是在页面全部加载完后再处理太大的图片.

于是我用JS写了一段简单的代码

网页的标准,IMG不支持onload标签怎么办 相关代码
function ReImgSize(){
for (j=0;j<document.images.length;j++)
{
document.images[j].width=(document.images[j].width>420)?"420":document.images[j].width;
}
}

然后 在 body 上加上 onload="ReImgSize()" 就可以了.

经过测试,在Mozilla和IE上通过.
在这里补充一下关于 图片的自适应,这点Mozilla做的比IE好,因为可以用CSS来控制图片的自适应.
我们都知道 Mozilla 支持一个 max-width 的CSS语法.于是,我们这样这样定义图片的全局样式

网页的标准,IMG不支持onload标签怎么办 相关代码
img{
max-width:100%;height:auto;
}

这样图片就回在div或table内自动适应其大小了. 

Javascript 相关文章推荐
推荐自用 Javascript 缩图函数 (onDOMLoaded)……
Oct 23 Javascript
基于jquery的划词搜索实现(备忘)
Sep 14 Javascript
从零开始学习jQuery (十) jQueryUI常用功能实战
Feb 23 Javascript
js实现网站首页图片滚动显示
Feb 04 Javascript
JavaScript中string对象
Jun 12 Javascript
基于jquery实现select选择框内容左右移动添加删除代码分享
Aug 25 Javascript
深入理解JavaScript中的call、apply、bind方法的区别
May 30 Javascript
JS设置CSS样式的方式汇总
Jan 21 Javascript
JS实现自定义弹窗功能
Aug 08 Javascript
了解javascript中变量及函数的提升
May 27 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
Aug 12 Javascript
JS实现联想、自动补齐国家或地区名称的功能
Jul 07 Javascript
父窗口获取弹出子窗口文本框的值
Jun 27 #Javascript
非常好的js代码
Jun 27 #Javascript
图片按比例缩放函数
Jun 26 #Javascript
tagName的使用,留一笔
Jun 26 #Javascript
JS控制表格隔行变色
Jun 26 #Javascript
判断是否输入完毕再激活提交按钮
Jun 26 #Javascript
特殊字符、常规符号及其代码对照表
Jun 26 #Javascript
You might like
php预定义变量使用帮助(带实例)
2013/10/30 PHP
PHP+javascript制作带提示的验证码源码分享
2014/05/28 PHP
PHP中is_file()函数使用指南
2015/05/08 PHP
基于PHP如何把汉字转化为拼音
2015/12/11 PHP
JavaScript多线程的实现方法
2007/05/08 Javascript
jquery CSS选择器笔记
2010/03/29 Javascript
JavaScript常用验证函数实例汇总
2014/11/25 Javascript
jQuery的观察者模式详解
2014/12/22 Javascript
html的DOM中document对象forms集合用法实例
2015/01/21 Javascript
JavaScript+CSS实现的可折叠二级菜单实例
2016/02/29 Javascript
Vue分页组件实例代码
2017/04/17 Javascript
JavaScript常见继承模式实例小结
2019/01/11 Javascript
微信小程序下拉菜单效果的实例代码
2019/05/14 Javascript
JavaScript中BOM对象原理与用法分析
2019/07/09 Javascript
layui扩展上传组件模拟进度条的方法
2019/09/23 Javascript
实例讲解React 组件生命周期
2020/07/08 Javascript
[03:09]显微镜下的DOTA2第一期——带你走进华丽的DOTA2世界
2014/06/20 DOTA
[48:00]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第二场 11.04
2020/11/04 DOTA
tensorflow构建BP神经网络的方法
2018/03/12 Python
python机器学习之随机森林(七)
2018/03/26 Python
Python爬虫信息输入及页面的切换方法
2018/05/11 Python
在Python中pandas.DataFrame重置索引名称的实例
2018/11/06 Python
Python补齐字符串长度的实例
2018/11/15 Python
Python关于excel和shp的使用在matplotlib
2019/01/03 Python
django框架模型层功能、组成与用法分析
2019/07/30 Python
Python获取统计自己的qq群成员信息的方法
2019/11/15 Python
python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
2020/04/02 Python
python一些性能分析的技巧
2020/08/30 Python
英国知名的护肤彩妆与时尚配饰大型综合零售电商:Unineed
2016/11/21 全球购物
加拿大折扣、优惠券和交易网站:WagJag
2018/02/07 全球购物
印度第一网上礼品店:IGP.com
2020/02/06 全球购物
经典c++面试题三
2015/07/08 面试题
what is the difference between ext2 and ext3
2013/11/03 面试题
安全生产网格化管理实施方案
2014/03/01 职场文书
武夷山导游词
2015/02/03 职场文书
《圆的周长》教学反思
2016/02/17 职场文书