jQuery加载html文档的几种方法

来源：互联网发布：多益网络面试经验编辑：程序博客网时间：2024/06/07 06:29

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>init.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8">        <!--<link rel="stylesheet" type="text/css" href="./styles.css">--><script type="text/javascript" src="../../jquery-2.2.4.js"></script><script type="text/javascript">/*加载html文档的几种方法*/window.onload=function(){var myDiv=document.getElementById("myDiv");alert(myDiv);}/*jquery注册dom元素初始化完成事件*/$(function(){var myDiv=document.getElementById("myDiv");alert(myDiv);})$(document).ready(function(){var myDiv=document.getElementById("myDiv");alert(myDiv);})</script>  </head>    <body><div id="myDiv">hello jquery</div>  </body></html>

window.onload是在页面所有的元素都加载完成后才触发
$(function(){})是在页面的dom结构加载完毕后就触发 dom里的内容不一定都已经加载完成
比如说一个页面有好多图片 而加载这些图片需要一定的时间
window.onload必须得等到全部的图片都加载完成后才能触发
而$(function(){})只要在dom加载完毕之后就会执行 图片不一定已经加载完成

$(function(){})是$(document).ready(function(){})的简写

阅读全文

0 0