$(document).ready(function() {});写与不写有什么区别

不写$(document).ready(function() {});,直接在<script></script>中写事件,方法可以吗?

一、区别如下:

1、执行的时间不同:

$(document).ready(function() {})里的代码执行的时机实在document的内容都加载完毕才执行。

<script></script>中的代码随html文档的加载过程中就会开始执行。

2、程序稳健性不同:

$(document).ready(function() {})里的代码因为是文档完整加载后才执行,可以准确的操作需要操作的DOM元素。

script标签中的代码执行时,不能保证需要操作的dom元素已加载完成,用了当前还没加载过来的代码或者dom,那么就会报错。

二、直接在<script></script>中写事件也是可以的,但需要放到文档结构的最后,避免DOM元素加载未完成而报错。

扩展资料:

ready简单的写法:

$(function(){需要执行的代码});这种写法的效果与$(document).ready(function() {})是一样的,也是在文档加载完毕后执行。

js原生方式:

window.onload(); 在页面的DOM加载完成,所有的图片、子frame等所有的元素都加载完成的时候才会触发。

参考资料来源:百度百科-javascript

参考资料来源:百度百科-jQuery

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2018-02-28
$(document).ready 里的代码是在页面内容都加载完才执行的,你直接写到script标签里,当页面加载完这个script标签就会执行里边的代码了,如果你标签里执行的代码调用了当前还没加载过来的代码或者dom,那么就会报错,
当然如果你把script标签当到页面最后面那么就没问题了和ready差不多的效果本回答被提问者和网友采纳

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网