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语法实例:
待补充...