zoukankan      html  css  js  c++  java
  • JQuery与JavaScript onload的区别

    1、window.onload 不能有多个,后面的功能会覆盖前面。而jQuery(document).ready()可以存在多个。
    2、window.onload 在页面所有元素(包括图片,引用文件)加载完后执行。而jQuery(document).ready()页面中会在所有HTML DOM,CSS DOM结构加载完之后就会执行,
    其他图片可能还没有加载完。 完整代码:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <!-- 引入jquery开发包 --> <script type="text/javascript" src="js/jquery-1.12.3.js"></script> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript"> //目标:页面加载完成后,打印出 HelloWorld //传统的js方式 window.onload = function() { alert("HelloWorld-传统的js方式"); }; window.onload = function() { alert("HelloWorld2222-传统的js方式"); }; //在页面加载完成后执行,与JS的onload效果大致一样 //jQuery()是jquery框架的核心函数 //document:dom类型的元素,认为整个页面,转换为jquery对象 //调用jquery的方法.ready();当DOM载入就绪,就加载 jQuery(document).ready(function() { alert("HelloWorld-JQuery方式"); }); jQuery(document).ready(function() { alert("HelloWorld2222-JQuery方式"); }); </script> </head> <body> </body> </html>

  • 相关阅读:
    51Nod1740 蜂巢迷宫
    51Nod1279 扔盘子
    51Nod1095 Anigram单词
    51Nod1094 和为k的连续区间
    51Nod1072 威佐夫游戏
    PHP 图片处理
    ubuntu 安装 ftp
    linux下ab网站压力测试命令
    iptables FOr linux
    discuz 个性化时间函数
  • 原文地址:https://www.cnblogs.com/mr-wuxiansheng/p/6415644.html
Copyright © 2011-2022 走看看