JavaScript中的onload和jQuery中的ready方法比较

来源：互联网发布：网络咨询医生应聘技巧编辑：程序博客网时间：2024/06/08 12:37

JavaScript中的onload和jQuery中的ready方法比较

示例代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>js中的window.onload和jQuery中的ready方法比较</title><!-- 引入jQuery文件 --><script type="text/javascript" src="js/jquery-2.0.0.js"></script><script type="text/javascript">window.onload = function() {alert("我是第一个onload。。。");}window.onload = function() {alert("我是第二个onload。。。");}$(document).ready(function() {alert("我是第一个ready。。。");});$(document).ready(function() {alert("我是第二个ready。。。");});</script></head><body></body></html>

运行代码后我们发现先执行两个ready方法，然后执行onload方法，但两个onload方法只会执行最后一个onload方法，后面的这个onload会覆盖前面的onload

总结： ready方法的调用的执行时机是在文档被准备好时，就开始执行代码；而onload是在文档，被加载完成之后在执行代码， ready方法的调用可以执行多次；而onload不能执行多次，最后的会替换靠前。

补充知识点：

ready方法的写法有三种：

             /*方式一*/         $(document).ready(function() {});    /*方式二*/         $().ready(function() {});  /*方式三*/     $(function() {});

$()可以实现将js对象转换为jQuery对象

阅读全文

0 0