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

CharleyNancy · 发布于 2017-01-10 · 字数1386 · 浏览 691 · 评论 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-11-19分享5个实用WebAPP界面设计工具
  • 2016-01-24Phoc可编程的JavaScript计算器
  • 2017-01-19用JavaScript实现给出的盒子的序列是否可连为一矩型
  • 2016-12-02FlyJSONP轻量级的跨域AJAX请求插件
  • 2016-12-02Response JS创建高性能的支持移动设备的网站
  • 2016-05-16当设计爱上摄影!从摄影的角度看设计
  • 2016-06-06Thinkphp实例化对象的四种方法比较
  • 2016-06-24分享常用响应式Web UI开发框架
  • 发布评论

    为您推荐

    问说网 · 发布于 2014-05-09

    与其他的设计师竞争者协同工作

    如果你是一个自由职业者,有时你不得不协同其他的设计师一同完成某项工作,我常常认为他们只是一个竞争者,职业上的竞争者,没想到,和他们保持联系很互动也有助于我的工作…

    问说网 · 发布于 2015-10-14

    Jingle UI基于HTML5和CSS3轻量级移动WEB应用开发框架

    Jingle是一个SPA(Single Page Application)开发框架,用来开发移动端的HTML5应用,在体验上尽量去靠近Native应用,希望有一…

    用JavaScript实现给出的盒子的序列是否可连为一矩型
    AustenJuliet · 发布于 2017-01-19

    用JavaScript实现给出的盒子的序列是否可连为一矩型

    by cpglkg <script>var arr=[5,10,15];function rect(arr,width){ arr.sort(fun…

    Tinymce开始使用入门教程
    问说网 · 发布于 2016-03-01

    Tinymce开始使用入门教程

    Tinymce是一个优秀的Web所见即所得编辑器,能够支持多个浏览器和开发环境,也是WordPress中默认的文本编辑器,但是如果你不是使用WordPress,…

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

    Unveil.js基于jQuery轻量级的图片懒加载插件

    Unveil.js是一个图片懒加载(延迟加载)的JavaScript插件,可以基于jQuery或者Zepto.js使用,支持现代浏览器及IE7+,Github上…

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

    Perfectionist轻量级CSS代码格式化插件

    Perfectionist是一个轻量级的CSS代码格式化插件,这个插件不仅可以格式化CSS代码,也可以压缩CSS代码,支持同属性缩进、自定义缩进字符数等特点。

    WordPress实现HTML5预加载
    问说网 · 发布于 2016-05-11

    WordPress实现HTML5预加载

    HTML5引入了预加载页面技术,可以大幅度提高您的网站加载时间以及速度,目前并不是所有浏览器都支持,而Firefox、Chrome和Opera支持该技术。

    无与伦比!30个精美绝伦的酒店网站设计

    朋友们,今天CYHD给大家带来得这组网站,大多以全屏背景图突显酒店特色,不过背景该抓细节还是从大出着手,色调与构图该如何搭配,设计师们的风格是如何来设计的,让我…

    • 无与伦比!30个精美绝伦的酒店网站设计
    • 无与伦比!30个精美绝伦的酒店网站设计
    • 无与伦比!30个精美绝伦的酒店网站设计
    • 无与伦比!30个精美绝伦的酒店网站设计
    RuthVirginia · 发布于 2016-05-14 · 浏览 1054 · 评论 0

    问说网手机版

    躺着 站着 跪着轻松访问

    更多详情 关于作者

    CharleyNancy

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

    91 文章
    0 评论
    1087 人气

    更多 热门话题

    APP界面

    关注 APP界面

    文章 41506 · 浏览 2377

    APP欣赏

    关注 APP欣赏

    文章 41427 · 浏览 2251

    APP手机界面

    关注 APP手机界面

    文章 41417 · 浏览 2298

    图片素材

    关注 图片素材

    文章 29463 · 浏览 1784

    高清图片

    关注 高清图片

    文章 26530 · 浏览 1941

    更多 推荐作者

    关注 惢碎葬爱

    文章 96 · 评论 0

    关注 怎麽继续

    文章 90 · 评论 2

    关注 倾听寂寞

    文章 83 · 评论 0

    关注 莪很迷茫

    文章 97 · 评论 0

    关注 流浪的脚步

    文章 86 · 评论 0

    关注 呼吸快窒息

    文章 104 · 评论 0

    
    顶部 反馈 评论 底部

    意见反馈

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

    您的反馈我们已收到!

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