$(document).ready(function () {})和 window.onload = function () {}的区别

来源：互联网发布：sql授权语句 revoke 编辑：程序博客网时间：2024/05/17 06:35

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script src="jquery-2.1.4.js"></script>    <style>        .gaodu{            background-color: aqua;        }        .gaodu1{            color: brown;        }    </style></head><body><p>    $(document).ready(function () {})和  window.onload = function () {}的区别：    前者只需要把文档中的框架加载出来之后就可以执行相应的内容，加载时间和效率相对来说都比较快，    而且可以书写多次，执行多次，每次内容不同结果就不同，但是后者要包括把所有的内容都加载出来，    包括下载出来图片，css样式，js样式等，后者一个页面只能存在一个，即使存在多个，但是总是最后一个生效，虽然可以执行多次，但是总是默认执行最后一个的结果</p><script>

//下边的两者都执行$(document).ready，类都发生了变化，不仅字体的颜色，同时字体的背景都发生了改变
$(function () {    $("p").add("div").addClass("gaodu");})$(document).ready(function () {    $("p").add("div").addClass("gaodu1");})

//下边的两者都执行window.onload ，但是仅仅类gaodu1的样式起了变化，说明多个window.onload 都执行时，只是显示最后一个结果：仅字体颜色变化
  window.onload = function () {    $("p").add("div").addClass("gaodu");      }  window.onload = function () {      $("p").add("div").addClass("gaodu1");  }</script></body></html>

阅读全文

0 0