（张龙讲学）java web学习---jsUnit、Ajax、JQuery

JsUnit

JavaScript 编码规范：通常在 JavaScript 不希望外界访问的成员和

方法名以下划线开始。

对于 JsUnit 来说，其 setUp 和 tearDown 方法与 JUnit 的运行原理

是不同的，JUnit 中的 setUp 和 tearDown 之间是没有关系的，也就

是说不同的测试方法运行在不同的测试对象之中，而 JsUnit 的各

个测试函数是运行在同一个测试页面中。因此 setUp 和 tearDown

会针对同一个变量进行操作。

 

使用JsUnit的步骤：

<script type="text/javascript"  src="..\jsunit2_2\jsunit\app\jsUnitCore.js">

 

</script>

引入JsUnit的文件

..\ ---表示返回到上层目录

用testRunner.html来测试你写的代码

setUpPage（）方法---此函数执行一次

 

Ajax

Ajax（Asynchronous JavaScript and XML） 异步的 JavaScript 与 XML

Ajax 中的一个重要对象是 XMLHttpRequest。

使用 Ajax 准备向服务器端发送请求：

xmlHttpRequest.open("GET", "AjaxServlet", true);

 

window.activeXObject

---判断IE6有没有Ajax的依据

 

 

JQuery

//ready方法的作用是当页面中的dom加载完毕后执行参数中的函数

 

使用JQuery的步骤：

 <script type="text/javascript" src="jquery-1.4.4.js">

  

</script>

需要导入你的JQuery文件

 

$：代表JQuery对象本身

$(document)：将DOM对象转化为JQuery对象

 

window.onload（）方法：只加载最后一次

JQuery.ready（）方法：有几个，执行几个

 

innerHTML：DOM对象

html（）：JQuery对象

都是用于获得标签中间的文本值

 

加上#“”表示id，元素的id，不加的话只表示元素

 

var pElement = document.getElementsByTagName("p")[0];

//将DOm对象转化为Jquery对象

var pElementjquery = $(pElement);

 

var cm = $("#clickMe"); //获得的是jQuery对象

// jQuery对象转换为DOM对象(第一种方式)

var t = cm[0]; // t是DOM对象

alert(t.innerHTML);

 

// jQuery对象转换为DOM对象(第二种方式)

var s = cm.get(0);

alert(s.innerHTML); //s是DOM对象