网页的标准,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 new关键字的玄机 以及其它
Aug 25 Javascript
javascript 原型继承介绍
Aug 30 Javascript
javascript模拟map输出与去除重复项的方法
Feb 09 Javascript
JavaScript中5种调用函数的方法
Mar 12 Javascript
js实现仿Discuz文本框弹出层效果
Aug 13 Javascript
JavaScript 对象详细整理总结
Sep 29 Javascript
利用JS制作万年历的方法
Aug 16 Javascript
Bootstrap popover 实现鼠标移入移除显示隐藏功能方法
Jan 24 Javascript
vue项目中公用footer组件底部位置的适配问题
May 10 Javascript
详解小程序原生使用ES7 async/await语法
Aug 06 Javascript
教你如何编写Vue.js的单元测试的方法
Oct 17 Javascript
js实现盒子拖拽动画效果
Aug 09 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实现MVC开发得最简单的方法――模型
2007/04/10 PHP
IIS下PHP的三种配置方式对比
2014/11/20 PHP
php中的动态调用实例分析
2015/01/07 PHP
PHP使用数组依次替换字符串中匹配项
2016/01/08 PHP
PHP简单留言本功能实现代码
2017/06/09 PHP
php格式文件打开的四种方法
2018/02/24 PHP
在jQuery 1.5中使用deferred对象的代码(翻译)
2011/03/10 Javascript
DB.ASP 用Javascript写ASP很灵活很好用很easy
2011/07/31 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
2015/10/20 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
2016/05/15 Javascript
javascript如何定义对象数组
2016/06/07 Javascript
利用jquery实现瀑布流3种案例
2016/09/18 Javascript
基于Phantomjs生成PDF的实现方法
2016/11/07 Javascript
jQuery中$.grep() 过滤函数 数组过滤
2016/11/22 Javascript
js中数组的常用方法小结
2016/12/30 Javascript
详解Vue组件之间的数据通信实例
2017/06/17 Javascript
利用yarn代替npm管理前端项目模块依赖的方法详解
2017/09/04 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
2017/09/18 Javascript
react native与webview通信的示例代码
2017/09/25 Javascript
详解jQuery中的isPlainObject()使用方法
2018/02/27 jQuery
JavaScript构造函数原理及实现流程解析
2020/11/19 Javascript
Python入门及进阶笔记 Python 内置函数小结
2014/08/09 Python
Python运算符重载用法实例
2015/05/28 Python
在Django中同时使用多个配置文件的方法
2015/07/22 Python
详解Python中类的定义与使用
2017/04/11 Python
python爬虫实例详解
2018/06/19 Python
Python 3.6打包成EXE可执行程序的实现
2019/10/18 Python
pytorch查看torch.Tensor和model是否在CUDA上的实例
2020/01/03 Python
使用Python三角函数公式计算三角形的夹角案例
2020/04/15 Python
中专毕业自我鉴定
2013/10/16 职场文书
热爱祖国的演讲稿
2014/05/04 职场文书
小学安全工作汇报材料
2014/08/19 职场文书
践行三严三实心得体会
2014/10/13 职场文书
医生学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
史上最牛的辞职信
2015/02/28 职场文书
基于Redis zSet实现滑动窗口对短信进行防刷限流的问题
2022/02/12 Redis