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>

  • 相关阅读:
    JDBC五数据源和数据池(web基础学习笔记十一)
    JDBC四(web基础学习笔记十)
    JDBC三(web基础学习笔记九)
    JDBC二查询(web基础学习笔记八)
    JDBC一(web基础学习笔记七)
    HTML二(基本标签)
    Java从零开始学八(循环结构)
    如何合理地估算线程池大小?(转载)
    Java 8 Documentation Download
    Redis集群
  • 原文地址:https://www.cnblogs.com/mr-wuxiansheng/p/6415644.html
Copyright © 2011-2022 走看看