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

CharleyNancy · 发布于 2017-01-10 · 字数1386 · 浏览 681 · 评论 0

这个记得以前有人问过我,但是我那时还没有注意这些. 现在终于遇到这个问题了.因为 img 标签是没有 onload 事件的.所以 UBB 代码中的img用到的onload来处理大的图片进行自适应,这样的办法就不能采取了.但是经过测试,body还是可以带onload事件的, 所以我解决的办法就是在页面全部加载完后再处理太大的图片.于是我用JS写了一段简单的代码复制内容到剪贴板程序代码 程序代码 function ReImgSize(){  for (j=0;j420)?"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内自动适应其大小了.

本文系作者 CharleyNancy 授权问说网发表,并经问说网编辑,转载请注明出处和 本文链接

相关文章

  • 2015-10-10Alpaca基于jQuery动态表单生成插件
  • 2017-01-19用JavaScript实现给出的盒子的序列是否可连为一矩型
  • 2016-02-20Fit-content给宽度不定的块元素水平居中
  • 2016-03-26Pjax无刷新加载插件和运行原理介绍
  • 2016-12-02Response JS创建高性能的支持移动设备的网站
  • 2016-05-15给你点颜色看看!30枚超级酷炫背景素材下载
  • 2016-06-25分享20款优秀的Web移动开发框架
  • 2016-07-01SweetTooltip基于jQuery和CSS3链接工具提示插件
  • 发布评论

    为您推荐

    问说网 · 发布于 2016-01-10

    SocketStream快速构建实时的Web应用框架

    多年来,实时网络已经被吹捧了很多年,而且很有应用。但仍有一些挑战尚未解决。网络套接字将仍然是一个重要的技术,提供一个现场体验,在您的网站或移动应用程序。

    常用的网页栅格布局介绍和示例
    问说网 · 发布于 2016-04-13

    常用的网页栅格布局介绍和示例

    页面的布局方式是页面构成的主骨架,其重要性你们懂的,拿到一个PSD,一般情况下你会看整体布局方式,是列式布局还是通栏式布局? 列式布局是2列还是3列? 通栏式布…

    问说网 · 发布于 2016-12-02

    Response JS创建高性能的支持移动设备的网站

    Response JS 是一个轻量级的 jQuery 插件,用来创建高性能的支持移动设备的网站。它提供了一套语法用来根据不同的设备环境动态替换HTML代码。例如…

    说的太好了!UI设计新手7条法则助你逆袭(二)

    作者是一位UX(User Experience,用户体验)设计师,他通过自己学习UI设计的过程,总结出7条实用的法则,为UI设计新手提供了宝贵的经验。前几天分享…

    • 说的太好了!UI设计新手7条法则助你逆袭(二)
    • 说的太好了!UI设计新手7条法则助你逆袭(二)
    • 说的太好了!UI设计新手7条法则助你逆袭(二)
    • 说的太好了!UI设计新手7条法则助你逆袭(二)
    MalanSally · 发布于 2016-05-16 · 浏览 948 · 评论 0

    重获新生!网页设计中的神奇彩色滤镜效果

    首先,彩色滤镜能给网站耳目一新的外观,却不会增加负担 。其次,它通过搭配传递各种情绪的色彩,很好地丰富了设计。第三,作为一层低透明度的遮罩,它不会掩盖主背景的魅…

    • 重获新生!网页设计中的神奇彩色滤镜效果
    • 重获新生!网页设计中的神奇彩色滤镜效果
    • 重获新生!网页设计中的神奇彩色滤镜效果
    • 重获新生!网页设计中的神奇彩色滤镜效果
    LawHedy · 发布于 2016-05-17 · 浏览 970 · 评论 0
    问说网 · 发布于 2016-06-06

    Thinkphp实例化对象的四种方法比较

    在Thinkphp有四种不同的方法实例化对象,new方法、D方法、M方法、空模型方法,比较常用的是D方法和M方法。本文大都是官方手册东西,自己稍微做了下总结。

    Blueberry响应式轻量级的jQuery幻灯片插件
    问说网 · 发布于 2016-06-15

    Blueberry响应式轻量级的jQuery幻灯片插件

    Blueberry响应式轻量级的jQuery幻灯片插件,专门为响应网页设计编写jQuery的图像滑块。,特别适合支持流体和响应式的网页布局设计,Blueberr…

    问说网 · 发布于 2016-07-04

    Trianglify唯美的几何图形背景生成插件

    Trianglify 是一个 SVG 背景图片生成器,主要是生成简单的集合图形,但是看起来非常好看,生成的 SVG 图片非常漂亮,支持将生成的图形导出为SVG和…

    问说网手机版

    躺着 站着 跪着轻松访问

    更多详情 关于作者

    CharleyNancy

    是不是真的像那句话一样,

    91 文章
    0 评论
    1087 人气

    更多 热门话题

    APP界面

    关注 APP界面

    文章 41506 · 浏览 1809

    APP欣赏

    关注 APP欣赏

    文章 41427 · 浏览 1743

    APP手机界面

    关注 APP手机界面

    文章 41417 · 浏览 1750

    图片素材

    关注 图片素材

    文章 29463 · 浏览 1249

    高清图片

    关注 高清图片

    文章 26530 · 浏览 1447

    更多 推荐作者

    关注 秋末残雪

    文章 106 · 评论 0

    关注 倾听寂寞

    文章 83 · 评论 0

    关注 溫柔的溫柔

    文章 91 · 评论 0

    关注 走了留下什么

    文章 110 · 评论 0

    关注 思念像咒语

    文章 102 · 评论 0

    关注 失戀德標簽

    文章 92 · 评论 0

    顶部 反馈 评论 底部

    意见反馈

    感谢您对问说网的支持,提出您在使用过程中遇到的问题或宝贵建议,您的反馈对我们产品的完善有很大帮助。

    您的反馈我们已收到!

    感谢您提供的宝贵意见,我们会在1-2个工作日,通过您留下的联系方式将处理结果反馈给您!