您的位置：首页 > Web前端 > JQuery

jQuery加载html文档的几种方法

2017-06-27 09:36 429 查看 
<!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(){})的简写

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航