在页面加载后执行任务

注：本笔记内容摘自《jQuery基础教程》+ jQuery 1.4.1中文参考
代码执行的时机选择
$(document).ready()是jQuery中响应JavaScript内置的onload事件并执行任务的一种典型方式。虽然$(document).ready()和onload具有类似的效果，但是，它们在触发操作的时间上存在着微妙的差异。
当一个文档完全下载到浏览器中时，会触发window.onload事件处理程序，则会在DOM完全就绪并可以使用时调用。虽然也意味着所有元素对脚本而言都是可以访问的，但是，却不意味着所有关联的文件都已经下载完毕。换句话说，HTML下载完成并解析为DOM树之后，代码就可以运行。
当我们使用$(document).ready()进行设置时，这个界面就会更早地准备好可用的正确行为（相对于onload而言）。

基于一个页面执行多个脚本
       通过JavaScript注册事件处理程序的传统机制是，把一个函数指定给DOM元素的对应属性。例如，假设我们已经定义了如下函数：
function doStuff(){
       //执行某种任务… …
}
那么，我们既可以在HTML标记中指定该函数：
<body οnlοad=”doStuff();”>
也可以在JavaScript代码中指定该函数：
window.οnlοad=doStuff;
这两种方式都会导致在页面加载完成后执行这个函数。但第2种方式的优点在于，它能使行为更清晰地从标记中分离出来。现在，假设我们有定义了第2个函数：
function doOtherStuff(){
       //执行另外一种任务… …
}
我们也可以将它指定为基于页面的加载来运行：
window.οnlοad= doOtherStuff;
然而，这次指定的函数会取代刚才指定的第1个函数。因为.onload属性一次只能保存对一个函数的引用，所以不能在现有的行为基础上再增加新行为。
对于这种情况下，通过$(document).ready()机制能够得到很好的处理。每次调用那个这个方法都会向内部的行为队列中添加一个新函数，当页面加载完成后，所有函数都将得到执行。而且，这些函数会按照注册它们的顺序依次执行。

缩短代码的简写方式
       前面提到的$(document).ready()结构，实际上是在基于document这个DOM元素构建而成的jQuery对象上，调用了.ready()方法。因为这是一个常用方法，所以$()函数为我们提供了一种简写方式。当调用这个函数而不传递参数时，该函数的行为就像是传递了document参数。也就是说，对于：
       $(document).ready(function(){
              //这里是代码
});
也可以简写成：
$().ready(function(){
       //这里是代码
});
此外，这个工厂函数也可以接受另一个函数作为参数。此时，jQuery会在内部执行一次对.ready()的隐含调用，因此，使用下面的代码也可以得到相同的结果：
$(function(){
       //这里是代码
});
虽然这几种语法都更短一些，但程序设计者们通常更喜欢使用较长的形式能够更清楚地表示代码在做什么。
<转：http://blog.csdn.net/hu_shengyang/article/details/6734850>

在页面加载后执行任务相关推荐

页面加载后如何使JavaScript执行？
我正在使用<head>内的<script>执行外部脚本. 现在,由于脚本是在页面加载之前执行的,因此我无法访问<body> . 在文档"加载"后 ...
文档已完成加载后执行document write整个 HTML 页面将被覆盖
看js文档输出时这样警告: "请使用 document.write() 仅仅向文档输出写内容.如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖" ...
页面加载完毕执行多个JS函数
通常我们需要在打开页面时加载脚本,这些脚本必须在页面加载完毕后才可以执行,因为这时候DOM才完整,可以利用window.onload确保这一点,如: window.οnlοad=firstFuncti ...
实现小程序onShow第一次页面加载不执行
实现小程序onShow第一次页面加载不执行 1.业务场景在做小程序实际的业务中,是否有过在当前列表页点击某个入口,跳转到修改页面,在跳回当前页面并重新刷新数据的需求? 2.分析上面的业务,我们可以 ...
vue 加载页面时触发时间_详解Vue.js在页面加载时执行某个方法
详解Vue.js在页面加载时执行某个方法 jQuery中可以这样写 vue中,如果要达到相同效果,可以使用vue的生命周期函数,如create或者mounted 附上vue.js的生命周期函数执行流程 ...
WebView点击加载的页面中的按钮时不弹出新窗口以及在加载后执行javascript
mWebView.setWebViewClient(new WebViewClient() { //点击网页中按钮时,在原页面打开 public boolean shouldOverrideUrlLo ...
html js页面加载前执行,Javascript代码在页面加载时的执行顺序介绍
一.在HTML中嵌入Javasript的方法 1.直接在Javascript代码放在标记对之间 2.由标记的src属性制定外部的js文件 3.放在事件处理程序中,比如: 点击我 4.作为URL的主体, ...
html页面加载时执行ajax请求,函数在页面加载时发送ajax请求
我有下面的代码在页面加载运行.我只想在用户完成在文本框中写入时运行它.函数在页面加载时发送ajax请求代码是: $(document).ready(function() { $("#use ...
js页面加载前执行_做一名合格的前端开发工程师：Javascript加载执行问题探索
做前端开发少不了各种利器.比如我习惯用的还是Google浏览器和重型武器Fiddller. 一:原始情况首先大家看看如下的代码: 估计90%的程序员都会把js文件放在head中,但是大家有没有深究过 ...
Unity3d 通过协程来实现文件的全部加载后执行
相信大家会经常遇到在游戏中需要WWW从本地或者服务器上获取数据,而我们通常容易会犯下面这种个错误:当数据较少或者网速较好时程序运行正常.而当数据较大或者网速不好时程序会出错误.比如卡住. 所以我们要使 ...

在页面加载后执行任务

在页面加载后执行任务相关推荐

最新文章

热门文章