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

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

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

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

window.attachEvent("onload",function (){AutoSizeDIV("code_6800")})

相关代码

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语法.于是,我们这样这样定义图片的全局样式

window.attachEvent("onload",function (){AutoSizeDIV("code_5442")})

相关代码

img{
max-width:100%;height:auto;
}

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

赞 (0)

相关推荐

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

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

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

  • web标准知识——用途相似的标签

    在前面我们已经讲过了strong与em的区别.除了strong与em之外还有一些相似的标签比如q.cite.blockquote.这三个都属于引用一类,但是这里还是有一些区别的,首先来一一解释. <q></q>,q的作用是引用非块元素,也就是引用不能形成段落的内容,可能是某人说的一句话,也可能是一句文档摘录等,特点很明显这里是"一句".并且q本身并不会产生段落.q本身并没有什么样式,一般浏览器也不会给他设置一个默认样式使起突出.但是我们可以通过CSS去使之与一般

  • DOM2非标准但却支持很好的几个属性小结

    1.偏移量 offsetWidth:指元素在水平方向上占用的空间大小,包括边框及滚动条的宽度 offsetHeight:指元素在垂直方向上占用的空间大小,包括边框及滚动条的高度 offsetLeft:返回元素的左偏移量,即元素的左外边框至包含元素的左内边框的像素距离 offsetTop:返回元素的上偏移量,即元素的上外边框至包含元素的上内边框的像素距离 offsetParent:返回最近的动态定位的包含元素的索引,即元素的祖先元素 2.客户区大小 clientWidth:指元素内容(含内边距)在

  • 各浏览器对link标签onload/onreadystatechange事件支持的差异分析

    各浏览器对link标签onload/onreadystatechange事件支持的差异分析

    1,onload事件 复制代码 代码如下: <!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>Link Element onload</title> <link type="text/css" rel="stylesheet" href="http://i3.sinaimg.cn/rny

  • Prism 代码高亮修改不包含 Code 标签的支持

    Prism 代码高亮修改不包含 Code 标签的支持

    在 WordPress 中加入了百度的 UEditor 编辑器后,由于自带的代码插件在使用时只会在代码外层加入 pre 标签,如图: 但实际 Prism 高亮需要下面这种格式的支持: <pre class="line-numbers language-csharp"> <code> //高亮代码 </code> </pre> 所以为了能够支持 pre 中没有 code 标签的情况,在文件 Prism.js 中查找 highlightAll

  • 仅IE9/10同时支持script元素的onload和onreadystatechange事件分析

    如下 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>IE9/10同时支持script元素的onload和onreadystatechange事件</title> <script src="http://code.jquery.com/jquery.min.js" onload="ale

  • 完成OSS.Http底层HttpClient重构封装 支持标准库

    完成OSS.Http底层HttpClient重构封装 支持标准库

    OSS.Http项目对于.Net Standard标准库的支持已经迁移完毕,OSS开源系列两个最底层的类库已经具备跨运行时支持的能力.由于OSS.Http类库是几年前我参照RestSharp的思路,完成的一个轻量型Http请求框架.因为时间较久底层使用的还是HttpWebRequest,这次基本上是完全重构,这篇文章主要包含 1. HttpClient的介绍,2. 重构的思路, 3. 容易遇到的问题. 一. httpclient的基本介绍 HttpClient应该是在.net framework

  • 在IE中为abbr标签加样式

    作者:JunChen 2005-5-24 9:56:57原文:http://www.sovavsiti.cz/css/abbr.html 翻译:JunChen 版权:译者JunChen所有,转载请联系译者. 简介 <abbr>是用来为web页面上的简称(译者注:这里把简称和缩写分开而论,简称范围比缩写大,取首字母的缩写用<acronym>标签)添加适当标注的XHTML标签,Windows的IE浏览器暂不支持<abbr>标签. 在IE里,你可以应用CSS给<acro

  • web标准知识——从p开始，循序渐进

    很多朋友现在还在用Dreamweaver(下称DW),不可否认这是个非常优秀的软件,他基本上实现了所见即所得.当然也正是因为这样让很多网页制作人员对于(x)HTML标签变得一无所知.然而要学习WEB标准就必需要与标签打交道,你必需要了解他们的特点.就算你不打算自己打代码,继续使用DW来完成自己的工作也必需要知道DW生存的代码的作用.如果你希望减少冗余代码,提升网页的品质,那么你就更需要认知(x)HTML标签. 那么学习自然要循序渐进,当然要从最常用.最简单的入手.如果问在所有HTML标签中谁是最

  • document.all与WEB标准

    1.DOM WEB标准现在可真是热门中热门,不过下面讨论的是一个不符合标准的document.all[].DOM--DOCUMENT OBJECT MODEL文档对象模型,提供了访问文档对象的方法.例如文档中有一个table,你要改变它的背景颜色,那就可以在javascript中用document.all[]访问这个TABLE.但DOM也有所不同,因为浏览器厂商之间的竞争,各浏览器厂商都开发了自己的私有DOM,只能在自己的浏览器上正确运行,document.all[]就是只能运行在 IE是的微软

随机推荐