zl程序教程

您现在的位置是:首页 >  前端

当前栏目

前端基础 -JQuery之页面加载

jQuery基础前端 页面 加载
2023-09-11 14:15:41 时间

JQuery页面加载

jquery页面加载成功事件:

  • js:
    onload = function(){}
  • jquery:
    $(document).ready(function(){})
    $(function(){})

例子:

显示效果:依次弹出 22 、11、2

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
		<script type="text/javascript">
			//js方式
			onload = function() {
				alert("2");
			}

			//jquery
			$(document).ready(function() {
				alert("11");
			})

			$(function() {
				alert("22");
			})
		</script>
	</head>

	<body>

	</body>

</html>