jQuery加载html文档的几种方法

来源:互联网 发布:西方文化渗透 知乎 编辑:程序博客网 时间:2024/05/22 12:01
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  2. <html>  
  3.   <head>  
  4.     <title>init.html</title>  
  5.       
  6.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
  7.     <meta http-equiv="description" content="this is my page">  
  8.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
  9.       
  10.     <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->  
  11.     <script type="text/javascript" src="../../jquery-2.2.4.js"></script>  
  12.     <script type="text/javascript">  
  13.         /*  
  14.             加载html文档的几种方法  
  15.         */  
  16.         window.onload=function(){  
  17.             var myDiv=document.getElementById("myDiv");  
  18.             alert(myDiv);  
  19.         }  
  20.           
  21.         /*  
  22.             jquery注册dom元素初始化完成事件  
  23.         */  
  24.         $(function(){  
  25.             var myDiv=document.getElementById("myDiv");  
  26.             alert(myDiv);  
  27.         })  
  28.           
  29.         $(document).ready(function(){  
  30.             var myDiv=document.getElementById("myDiv");  
  31.             alert(myDiv);  
  32.         })  
  33.           
  34.     </script>  
  35.   </head>  
  36.     
  37.   <body>  
  38.     <div id="myDiv">hello jquery</div>  
  39.   </body>  
  40. </html>