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

CharleyNancy · 发布于 2017-01-10 · 字数1386 · 浏览 693 · 评论 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-05-21手机移动端的网页WEB字体选择
  • 2016-07-15十分钟搞清字符集和字符编码
  • 2016-12-02FlyJSONP轻量级的跨域AJAX请求插件
  • 2016-12-02Response JS创建高性能的支持移动设备的网站
  • 2016-05-16网页设计热潮!扁平和简约疯狂来袭
  • 2016-06-24Gridpak响应式轻量级Web开发框架
  • 2016-07-04Trianglify唯美的几何图形背景生成插件
  • 2016-07-04Timelinr简单的时间线jQuery插件
  • 发布评论

    为您推荐

    如何在Photoshop中制作火焰字体效果

    在本教程中,我们会探索在 Photoshop CC 2014 中新加入的火焰滤镜( Flame Filter),滤镜创建程序的火焰和火烧效应使卷曲并遵循任何自定…

    • 如何在Photoshop中制作火焰字体效果
    • 如何在Photoshop中制作火焰字体效果
    • 如何在Photoshop中制作火焰字体效果
    • 如何在Photoshop中制作火焰字体效果
    问说网 · 发布于 2015-05-23 · 浏览 1803 · 评论 0
    问说网 · 发布于 2016-01-22

    Machine.js使用有限状态机来控制JavaScript对象

    Machine.js是一个功能实用的插件,可以让你使用有限状态机来控制 JavaScript 对象,该项目基于MIT开放协议开源,任何开发者都可以自由的使用。

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

    FlyJSONP轻量级的跨域AJAX请求插件

    FlyJSONP是一个JavaScript库,用于实现跨域GET和POST请求服务,支持JSONP,并取得一个JSON格式的数据响应,这个Library具有易于…

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

    使用原生JavaScript生成GUID的实现方法

    GUID(全局统一标识符)是指在一台机器上生成的数字,它保证对在同一时空中的所有机器都是唯一的。通常平台会提供生成GUID的API。生成算法很有意思,用到了以太…

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

    ScrollMagic神奇的滚动交互动画jQuery插件

    ScrollMagic 是一款 jQuery 插件,它让你可以像使用进度条一样使用滚动条。如果你想在特定的滚动位置开始一个动画,并且让动画同步滚动条的动作,或者…

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

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

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

    好货集结快来抢!8款app ui界面PSD免费下载
    AndersonLauren · 发布于 2016-05-15

    好货集结快来抢!8款app ui界面PSD免费下载

    Nerdial应用程序的用户界面,8款APP UI界面免费下载,快来抢,Nerdial应用UI设计遵循今天的趋势,细线,大照片,扁平的颜色,透明的形状,概述图标…

    新年大福利!为设计师准备的14个免费的PS插件

    高度可扩展的PS插件在提高设计师工作效率方面扮演重要角色。这些插件可以帮助修饰照片和添加新的效果。选择高质量的任务插件是困难的,这里我们推荐优秀的插件来提高你的…

    • 新年大福利!为设计师准备的14个免费的PS插件
    • 新年大福利!为设计师准备的14个免费的PS插件
    • 新年大福利!为设计师准备的14个免费的PS插件
    • 新年大福利!为设计师准备的14个免费的PS插件
    TitusCarl · 发布于 2016-05-16 · 浏览 1127 · 评论 0

    问说网手机版

    躺着 站着 跪着轻松访问

    更多详情 关于作者

    CharleyNancy

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

    91 文章
    0 评论
    1087 人气

    更多 热门话题

    APP界面

    关注 APP界面

    文章 41506 · 浏览 2563

    APP欣赏

    关注 APP欣赏

    文章 41427 · 浏览 2418

    APP手机界面

    关注 APP手机界面

    文章 41417 · 浏览 2467

    图片素材

    关注 图片素材

    文章 29463 · 浏览 1951

    高清图片

    关注 高清图片

    文章 26530 · 浏览 2134

    更多 推荐作者

    关注 亭亭

    文章 125 · 评论 1

    关注 秋末残雪

    文章 106 · 评论 0

    关注 秋天的孤寂

    文章 99 · 评论 0

    关注 惢碎葬爱

    文章 96 · 评论 0

    关注 倾听寂寞

    文章 83 · 评论 0

    关注 走了留下什么

    文章 110 · 评论 0

    
    顶部 反馈 评论 底部

    意见反馈

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

    您的反馈我们已收到!

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