前端————js
作用：（1）使用JavaScript添加页面动画效果，提供用户操作体验。主要应用有：嵌入动态文本HTMl页面、对浏览器事件作出相应、读写HTML元素、验证提交数据、检测访客的浏览器信息等。
具体应用：数据校验（前台）、轮播图、弹出广告、表单校验
（前台校验防君子不妨小人）
概念：
ECMAScript语法：Java和ECMAScript有些关键的语法特征相同，也有一些不同。
（1）区分大小写
（2）变量是弱类型（var）
与java和C不同，ECMAScript中的变量无特定的类型，定义变量时只用var运算符，可以将它初始化为任意值。因此，可以随时改变变量所存数据的类型（尽量避免这样做）。
声明变量：
- 无需明确变量的类型声明
例如：var test = "hi"; //只要声明为var类型初始化时会自动转化为string类型，无需声明为String test ="hi"; - 用同一个var语句定义的变量不必具有相同的类型
例如：var test = "hi",age = 23; - 不一定要初始化
例如：var test； - 声明变量不是必须的（注:在一个局部声明变量的时候，带var局部变量，不带var全局变量）
例如：var sTest = "hello";
sTest2 = sTest + "world";
alert(sTest2);
数据类型：（五种原始类型：Undefined、Null、Boolean、Number、Number 和 String）
运算符：（==和===)
等号和非等号的同类运算符是全等号和非全等号，这两个运算符所做的与等号和非等号相同，只是他们在检查相等性能，不执行类型转换。（!=和！==）与其类似。
例如：var sNum = "66";
var iNum = 66;
alert (sNum == iNum); //输出true，因为字符串66尝试转化数据类型成数字66
alert (sNum === iNum); //输出flase，不转化数据类型直接比较
（3）每行结尾的分号可有可无（建议写上）
DOM模型（文档模型）：
当网页加载时，浏览器会创建页面的文档对象模型。HTML DOM被构造为对象树。树中各个节点对应着各个标签
把文档转化为树形结构，各个元素对应着树形结构的节点。
ECMAScript的方法：
获取：
有三种途径获取（名称）：
- 通过 id 找到 HTML 元素
- 通过标签名找到 HTML 元素
- 通过类名找到 HTML 元素
document.getElementById("名称")； //获取元素，如果是字符串则加引号，如果是一个变量则不需要加引号
document.getElementById("名称").value; // 获取元素里面的值，如果是字符串则加引号，如果是一个变量则不需要加引号
输出：
改变HTML内容：
document.getElementById("名称").innerHTML="需要输出的内容"; //在页面指定位置写入需要输出的内容
改变HTML属性：
document.getElementById("名称").元素="需要更改的属性值" //更改指定的元素的属性
改变HTML输出流：
alert(需要输出的内容); //在页面弹出内容，字符型加""，变量不需要加""。
document.write("需要输出的内容"); //在文档输出内容（常为一些标签语句）
如:document.write("<p>My First JavaScript</p>");
使用格式：
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title> ***</title>
<script>
window.onload = function(){
var uEle = document.getElementById("username");
alert(uEle);
var uValue = uEle.value;
alert(uValue);
}
</script>
</head>
<body>
用户名：<input type="text" name="username" id="username"></br>
密码：<input type="password" name="password">
<script>
...
</script> //<script>脚本块可以直接在<body>中使用
</body>
</html>
js可以做表单校验，但是目前多用jquery做表单校验，因为jQuery的美化效果更好。
js一般的使用步骤：
第一步：确定事件，并为其绑定一个函数（如果没有时间直接确实函数位置然后写函数）
所有的事件：
第二步：根据需求书写这个函数
js表单校验的使用步骤：
第一步：确定事件（onsubmit），并为其绑定一个函数
第二步：书写这个函数（获取用户输入的数据<获取数据时需要在指定的位置定义一个id>）
第三步：对用户输入的数据进行判断
第四步：数据合法（让表单提交）
第五步：数据非法（不让表单提交）
js轮播图效果：
第一步：确定事件（onload）并为其绑定一个函数
第二步：书写绑定的这个函数
第三步：书写定时任务（setInterval）
第四步：书写定时任务里面的函数
第五步：通过变量的方式，进行循环（获取轮播图的位置，并设置src属性）
js页面定时弹出广告（开发中一般用jQuery）：
第一步：在页面指定位置隐藏一个广告图片（使用display属性的none值）
第二步：确定事件（onload）并为其绑定一个函数
第三步：书写这个函数（设置一个显示图片的定时操作）
第四步：书写定时器中的函数（获取广告图片的位置并设置属性style的display值block）
第五步：清除显示图片的定时操作（）
第六步：清除隐藏图片的定时操作（）
第七步：书写定时器中的函数（获取广告图片的位置并设置属性style的display值none）
第八步：清除隐藏图片的定时操作（）
注：js和jsp的区别
浙公网安备 33010602011771号