当前位置:  编程技术>WEB前端

一张表格告诉你windows.onload()与$(document).ready()的区别

    来源: 互联网  发布时间:2014-08-25

    本文导语:  浏览器加载完DOM后,会通过javascript为DOM元素添加事件,在javascript中,通常使用window.onload()方法。 在jquery中,则使用$(document).ready()方法。下面介绍一下两者的区别。   window.onload() $(document).ready() 执行时机 在页面所有元素...

浏览器加载完DOM后,会通过javascript为DOM元素添加事件,在javascript中,通常使用window.onload()方法。

在jquery中,则使用$(document).ready()方法。下面介绍一下两者的区别。

  window.onload() $(document).ready() 执行时机 在页面所有元素(包括图片,引用文件)加载完后执行。

页面中所有HTML DOM,CSS DOM结构加载完之后就会执行,其他图片可能没有加载完.

如果想要网页所有内容(包括图片等)加载完毕,再注册事件,使用$(window).load(function);

等价于window.onload()

编写个数

不能同时写多个,后面的将会覆盖前面的。ex:

window.onload=function(){ alert("A"); }

window.onload=function(){ alert("B"); }

结果会执行“B”

如果想要顺序执行alert("A")和alert("B")需写成

window.onload=function(){

alert("A");

alert("B");

}

可以同时写多个 简写 无

$(document).ready(function(){

  //to do;

});

可写成

$().ready(function(){ //$()不带参数默认是document

  //to do;

});或

$(function(){

  //to do;

});

 


    
 
 

您可能感兴趣的文章:

 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 基于DIV+ul+li实现的表格(多示例)
  • 1.怎样在页面上实现象excel一样的表格交互。2怎样把此表格入库???
  • HTML 表格标签样式用法详细介绍
  • JQuery实现动态表格点击按钮表格增加一行
  • 按照如下方法定义一个表格,我该如何动态的修改表格(如添加行和列,applet)
  • 鼠标经过表格时,表格的记录颜色变化,如何每条记录定义onclick事件?
  • 我要把在applet里用swing的jtable展现的数据表格,实现打印的功能且可由用户选择需打印的列,该怎么办?不知这种表格能否也象jsp或javascript那样转换成excel呢?
  • 重新认识表格和一个访问无障碍的数据表格例子
  • <font color=blue>关于表格的正则表达式讨论(表格)
  • 顺表web电子表格
  • 电子表格程序 mtCellEdit
  • jQuery表格插件 DataTables
  • jsp怎样才能使从数据库读出来的表格信息以表格形式全部输出到浏览器上呢?
  • HTML表格格式化 Tablecloth
  • MooTools表格插件 moodgets Grid
  • jQuery表格插件 ayGrid
  • jQuery 数据表格插件 jqxGrid
  • 网页数据表格组件 Sigma Grid
  • 响应式的表格插件 Tablesaw
  • jQuery 表格插件 cGrid
  • jQuery 表格插件 jui_datagrid


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3