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

Question

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

Answer 1

一、区别如下：

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

Answer 2

$(document).ready 里的代码是在页面内容都加载完才执行的，你直接写到script标签里，当页面加载完这个script标签就会执行里边的代码了，如果你标签里执行的代码调用了当前还没加载过来的代码或者dom，那么就会报错，
当然如果你把script标签当到页面最后面那么就没问题了和ready差不多的效果