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

2016-02-19 12:54 25 1 收藏

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享网页的标准,IMG不支持onload标签怎么办教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - Web开发 】

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

于是我用JS写了一段简单的代码
相关代码function ReImgSize(){
for (j=0;jdocument.images.length;j++)
{
document.images[j].width=(document.images[j].width420)?"420":document.images[j].width;
}
}

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

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

相关代码 img{
max-width:100%;height:auto;
}

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

来源:https://www.tulaoshi.com/n/20160219/1602388.html

延伸阅读
标签: Web开发
问题就出在建Web Project的时候web.xml声明上。 web.xml声明部分一般分为如下版本的xsd, web-app_2_2.dtd web-app_2_3.dtd web-app_2_4.xsd web-app_2_5.xsd 更详细的列出各版本web.xml声明部分吧,如下: web-app_2_2.dtd ?xml version="1.0" encoding="UTF-8"? !DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Appli...
标签: 电脑入门
VMware Workstation是一款桌面虚拟计算机软件,允许多个操作系统在一台虚拟机内部运行,可是当VMware Workstation在安装64位CentOS系统的时候遇到了不支持全虚拟化的问题,该如何解决呢? 一、前提: cpu支持Inter VT-X或AMD虚拟化技术,具体参考官网说明。 二、问题描述: 物理机下,VMware Workstation能安装64位CentOS系统,处理...
标签: 电脑入门
使用Win7时一直找不到休眠按钮。搜索了一番windows自带的帮助,尽是一些废话,本教程为大家介绍一下怎么找回休眠功能。 步骤方法 1、在运行中输入:powercfg -h on 2、休眠回来了 3、还是没有回来?看看混合睡眠是不是被打开了,如果执行上面的命令后还没有,这时候打开控制面板→硬件和声音→电源选项,再单击改变计划...
标签: Web开发
今天为Kinoko-World写v2版,遇到了点js的小问题。document.all在firefox下不支持,上网搜索了一下, 用 document.getElementsByTagName("*") 替代就OK了。 getElementsByTagName("*") 可以得到得到所有元素的集合 getElemntById 可以按id得到某一元素 getElementsByName 可以得到按name属性得到某一元素 getElem...
标签: windows 操作系统
近日,微软在官方网站上发布了Windows XP 64bit Edition操作系统的详细信息。据了解,Windows XP 64bit Edition中具有一些在32位Windows操作系统中所不具备的特性,但它同时也失去了传统Windows操作系统的一些功能。 Windows XP 64-Bit Edition支持Intel最新的“Itanium”处理器。Itanium处理器是为满足用户创建和处理大量复杂数据的...

经验教程

853

收藏

25
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部