js初始化操作

在页面加载完成之后我们通常要进行一下初始化js操作,比如根据默认选项调整界面,检测驱动等。除了直接在js里调用函数外,还有几种方式指定函数运行时机。

一、ready()和onload()

  • jqueryready()方法
$(document).ready(function(){...})
  • javascriptonload()方法
window.onload()=function(){...}

以下是对比:

\ windo.onload() $(document).ready
加载时机 图片等信息全部加载完成之后 Dom结构加载之后,不用等图片
执行次数 文件中有多个此函数,最后一个覆盖所有 按顺序执行
简写 $(function(){})

二、立即执行函数

创建完函数后立刻执行,和直接调用差不多。。。

(function(){
  ..
})()

三、js定时,延时

这两个应该不算是初始化,延时执行在特定情况下倒是可以用作初始化。比如初始化操作的节点可能是ajax返回的...好吧,不过他们确实算是让函数在特定时间执行。

  • 定时(多次)
//函数体,时间
 setInterval("alert('test')",2000);
//传入函数体
setInterval(function(){ alert("Hello"); }, 3000);
//清除定时
var myVar = setInterval(function(){ myTimer() }, 1000);
clearInterval(myVar);
  • 延时(一次)
setTimeout(function(){ alert("Hello"); }, 3000);
//其它传参方式
setTimeout(function, milliseconds, param1, param2, ...)
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,911评论 1 45
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,426评论 0 3
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 5,655评论 0 106
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,170评论 1 32
  • 五十三:请解释 JavaScript 中 this 是如何工作的。1.方法调用模式当一个函数被保存为一个对象的属性...
    Arno_z阅读 623评论 0 2