jQuery加载html文档的几种方法

最新推荐文章于 2025-01-12 18:49:12 发布

Sesshoumaru华

最新推荐文章于 2025-01-12 18:49:12 发布

阅读量1.4k

点赞数

分类专栏： jQuery 文章标签： jQuery加载html文档的几种方法

本文链接：https://blog.youkuaiyun.com/qq_38921377/article/details/73770516

版权

jQuery 专栏收录该内容

10 篇文章

订阅专栏

<!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.οnlοad=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(){})的简写