1.window.οnlοad=function(){} 和 $(function(){});
window.onload是js原生事件;
$(function(){})是JQuery的方法;
实例:jsp中的元素 $ {html}是通过VelocityEngine生成的html元素
<%@ page contentType="text/html;charset=UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>嘻嘻嘻</title><link rel="stylesheet" href="/pages/static/js/layui/layer/theme/default/layer.css"><link rel="stylesheet" href="/pages/static/js/layui/css/layui.css"><link type="text/css" rel="stylesheet" href="/pages/static/style/common/global.css"><script src="/pages/static/js/jquery/jquery.min.js"></script><script src="/pages/static/js/layui/layer/layer.js"></script><script src="/pages/static/js/layui/layui.js"></script><script type="text/javascript" src="/pages/report/html/xxx.js"></script>
</head>
<body>
<%request.setAttribute("pageNav", "search");%>
<div class="childHead"><jsp:include page="/pages/xxx/header.jsp"/>
</div>
${html}
<jsp:include page="/pages/xxx/footer.jsp"/>
<script type="text/javascript">window.onload = function (){//样式调整$(".xxxx").css({height: parseInt($(window).height()) - 200 - 30});$(".right_list_wrap").css({height: parseInt($(window).height()) - 200 - 10});//初始化显示${html}中某个节点的内容 start......//初始化显示${html}中某个节点的内容 end}
</script>
</body>
</html>
使用window.onload能够初始化成功,而使用$(function(){})不能初始化成功。
结论:
1、window.onload:在页面所有资源加载完后执行,如果有多个定义则只执行最后一个
2、 $ (function(){}):在DOM加载完成时运行的代码,如果有多个定义则依次执行