当前位置:首页 >> 技术方案 >> 详情

jquery中的$(document).ready不兼容IE浏览器怎么办?

发布时间:2014-04-26   浏览次数:509次   作者:未知    标签:郑州seo 郑州seo推广 郑州网站推广

 今天在做74CMS的时候,发现不能发布职位,但是用了搜狗的高速模式却正常,所以查了网上的一些资料,最后找到了一个解决办法:

  在chrome浏览器中,Jquery中的$(document).ready(function(){});事件将会在浏览器加载完文本后立即执行,此时,图片尚未加载。因此,在此事件中将无法获正确获取图片的高度和宽度值。但是在ie,firefox流览器中,在些事件中可以获取图片的高度和宽度值。
  
  为了兼容这两种浏览器,可以使用$(window).load(function(evt){});事件来代替。这样将可正确获得图片的宽度和高度值。

 

 

这个方法很不错。已经解决了我的问题。接下来也摘录一下jquery $(document).ready() 与window.onload的区别:

  1.执行时间
  
  window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
  
  $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
  
  2.编写个数不同
  
  window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
  
  $(document).ready()可以同时编写多个,并且都可以得到执行
  
  3.简化写法
  
  window.onload没有简化写法
  
  $(document).ready(function(){})可以简写成$(function(){});