复习js和jquery

js和jquery其实很早就学过，只不过时间一长，不怎么用的话就明显感觉生疏了，今天突然想起就再复习一遍。
1.javascript语法实例：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<title>My JSP '002.jsp' starting page</title>
</head>
<script src="jquery/jquery.min.js"></script>
<Script>
var Calculator = function (eq) {
//这里可以声明私有成员
var eqCtl = document.getElementById("eq");
alert(eqCtl);
return {
// 暴露公开的成员
add: function (x, y) {
var val = x + y;
eqCtl.innerHTML = val;
}
};
};
var calculator = new Calculator('eq');
calculator.add(2, 2);
</Script>
 
<Body>
<div id ="eq">jquery用法</div>
</Body>
 
</html>
 
分析：以上写法乍看似乎没错，但执行后发现，alert弹出的是null，显然并未获取到id=eq的节点对象，此时发觉js原来是按顺序执行的，js在html之前执行显然不妥了，解决办法有两种：其一，将js代码移到html代码之后；其二，将js代码放入window.onload = function(){}方法体中，即表示将页面加载完成后再执行js代码。
2.jquery语法实例：
待补充...
posted @ 2018-12-15 11:27  kyle2019  阅读(132)  评论(0)  编辑  收藏  举报