教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 JQuery在页面加载完成时执行函数的示例代码

JQuery在页面加载完成时执行函数的示例代码

发布时间:2015-11-26   编辑:jiaochengji.com
如何在jquery中实现,当页面加载完成时,自动执行一段函数呢?这里分享一例代码,供大家学习参考下。

本节内容:
页面加载完成时执行函数的jquery示例。

JQuery在页面加载完成时执行函数,jQuery使用.ready()可确保在.ready()内编写的代码仅在完全加载DOM之后执行。
完全加载是包括HTML、样式、其它脚本完整的文档树加载完毕。

完整代码:
 

复制代码 代码示例:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery在页面加载完成时执行函数-www.jbxue.com</title>
<script type="text/javascript" src="/Js/jquery-1.4.4.min.js" ></script>
"></script>
</head>
<body>

<script type="text/javascript">
$(document).ready(function(){
alert("ready() 加载完成!!");
});
</script>

<script type="text/javascript">
alert("我是ready()下部分的代码,看到我高兴否?!");
</script>
</body>
</html>

您可能感兴趣的文章:
JQuery在页面加载完成时执行函数的示例代码
jquery $(document).ready() 与window.onload的区别
浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
jquery ready函数源代码研究
JQuery onload、ready详解
jquery 指南/入门基础
jquery中的$(document).ready()使用小结
jquery $(document).ready()与window.onload的区别分析
jquery $.fn $.fx是什么意思有什么用
用jQuery简化JavaScript开发分析

关键词: jquery实例  页面加载   
[关闭]
~ ~