网页的标准,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 相关文章推荐
input、button的不同type值在ajax提交表单时导致的陷阱
Feb 24 Javascript
Jquery 表格合并的问题分享
Sep 17 Javascript
动态标签 悬停效果 延迟加载示例代码
Nov 21 Javascript
JavaScript中Function详解
Feb 27 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
Jul 28 Javascript
简介BootStrap model弹出框的使用
Apr 27 Javascript
angularjs结合html5实现拖拽功能
Jun 25 Javascript
Vue 组件参数校验与非props特性的方法
Feb 12 Javascript
ES6数组与对象的解构赋值详解
Jun 14 Javascript
关于layui的动态图标不显示的解决方法
Sep 04 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
Dec 23 Javascript
微信小程序选择图片控件
Jan 19 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父类调用子类方法的代码例子
2014/04/09 PHP
php 数组随机取值的简单实例
2016/05/23 PHP
php实现图片以base64显示的方法
2016/10/13 PHP
return false,对阻止事件默认动作的一些测试代码
2010/11/17 Javascript
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
2015/02/11 Javascript
超赞的jQuery图片滑块动画特效代码汇总
2016/01/25 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
2016/05/05 Javascript
js添加绑定事件的方法
2016/05/15 Javascript
Vue.js创建Calendar日历效果
2016/11/03 Javascript
基于KO+BootStrap+MVC实现的分页控件代码分享
2016/11/07 Javascript
利用JavaScript实现拖拽改变元素大小
2016/12/14 Javascript
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
2017/02/14 Javascript
vue项目中用cdn优化的方法
2018/01/03 Javascript
在layui框架中select下拉框监听更改事件的例子
2019/09/20 Javascript
jQuery操作选中select下拉框的值代码实例
2020/02/07 jQuery
原生JS与JQ获取元素的区别详解
2020/02/13 Javascript
vue 封装 Adminlte3组件的实现
2020/03/18 Javascript
Python微信公众号开发平台
2018/01/25 Python
Python 使用with上下文实现计时功能
2018/03/09 Python
django基于cors解决跨域请求问题详解
2019/08/06 Python
Python进程,多进程,获取进程id,给子进程传递参数操作示例
2019/10/11 Python
如何安装并在pycharm使用selenium的方法
2020/04/30 Python
django 利用Q对象与F对象进行查询的实现
2020/05/15 Python
浅析Python requests 模块
2020/10/09 Python
Python利用socket模块开发简单的端口扫描工具的实现
2021/01/27 Python
Giglio英国站:意大利奢侈品购物网
2018/03/06 全球购物
Maisons du Monde德国:法国家具和装饰的市场领导者
2019/07/26 全球购物
Armor Lux法国官方网站:水手服装、成衣和内衣
2020/05/26 全球购物
西班牙购买隐形眼镜、眼镜和太阳镜网站:Lentiamo.es
2020/06/11 全球购物
你所知道的集合类都有哪些?主要方法?
2012/12/31 面试题
查环查孕证明
2014/01/10 职场文书
学校四群教育实施方案
2014/06/12 职场文书
工地宣传标语
2014/06/18 职场文书
单位员工收入证明样本
2014/10/09 职场文书
论文答辩开场白大全
2015/05/27 职场文书
Pytorch中expand()的使用(扩展某个维度)
2022/07/15 Python