当页面载入以后

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

在 JavaScript 的课程里,我们介绍了 window 对象的 load 事件 … 网页上所有的资源都准备好以后会触发这个事件 …. 使用它的 onload 事件处理程序,我们可以在这个 load 事件发生以后,再去执行一些 JavaScript 代码 … 这样能保证执行的代码可以正常的工作 ..

不过 load 事件只有在所有的资源都准备好的时候才会发生 .. 包括页面上所有的图片 … jQuery 提供了一个更方便的方法 … 使用 ready 事件 … 这个事件在页面结构准备好以后就会被触发 … 不需要去等待所有的图片完全都显示 …

如果在 ready 事件指定的函数运行的时候,需要用到样式表 … 我们可以把样式表放在代码的上面去载入...

打开这个网页链接的脚本文件 .. script.js ... 然后… 输入

$(document).ready()

document 表示文档这个对象 … 就是代表网页本身的那个对象 … 加上一个点 … 调用 ready() 这个方法 …

这里这个 $ 符号就是 jQuery 函数 …

在这个 ready 方法里面,可以去指定一个在文档准备好以后才会运行的函数 … 这样可以保证在函数里的代码可以安全的执行 .. 因为如果说文档还没准备好,就去执行代码 … 这样很可能会失败 ..

$(document).ready(function () {
console.log( '准备好了!' );
});

另一种写法

另外还有一种更简单的方法,可以实现在文档载入以后立即执行 … 可以在 jQuery 函数里面使用一个匿名函数 … 这个匿名函数在页面载入以后会立即去执行 ,像这样 … $(function() { console.log( '准备好了' ); });

这两段代码的效果是一样的。

当页面载入以后《 jQuery 基础 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点