1. 事件处理
<input type="button" value="button" onlick="alert('hello!')" />
//onlick 事件
<input type="button" value="button" onlick="showMessage();" />
//showMessage() 为自定义方法
其它,略。。
2. JavaScript 内置对象
Date 对象
String 对象
Math 对象
数组 对象
3. DOM (Document Object Model)文档对象模型
navigator 对象
screen 对象
window 对象
document 对象
4. 表单操作(重点)
获取表单
文档中每个<form>...</form> 被标记为一个对象,即form 对象,通过document.forms 集合来引用这些对象
var myForm = document.forms["formOne"];
//获得文档中名为formOne 的表单
var myForm = document.forms[0];
//获得文档中的第一个表单
表单域的通用属性
element.disabled = true;
//禁用表单元素
element.disabled = false;
//启用表单元素
document.getElementsByName("username").disabled = true;
//禁用文档中name 为"username" 的所有元素
document.getElementsById("username").disabled = true;
//禁用文档中id 为"username" 的所有元素
document.forms["formOne"].elements["username"].disabled = true;
//禁用文档中名为formOne 表单下所有name为"username" 的元素
<input type="text" readonly="readonly" />
//在javaScript 中,readyonly 不是一个有效的属性,对其赋值不会产生预期的效果
//readonly 类型的文本框不会变为灰色,只是不能接收焦点而已
表单域的通用方法
focus()
//使获得焦点
blur()
//使失去焦点
表单域的通用事件
onfocus
//当表单获得焦点时触发
<input type="button" value="button" onfocus="this.blur()" />
//获得焦点时使其失去焦点(使一个文本框只读,又不为灰色)
onblur
//当表单失去焦点时触发
onchange
//当表单域的值发生变化时触发
其他,略。。
获取和设置文本域的值
var value = element.value;
//通过value 获得值永远都是字符串类型
var form= document.forms["formOne"];
var One = form.elements[''userOne'].value;
var Two = form.elements[''userTwo '].value;
//获取文档中名为formOne 的表单
//将name 为"userOne "的文本域的值赋给变量One
//将name 为"userTwo"的文本域的值赋给变量Two\
下拉列表框
略。。
表单验证
第一种,在提交按钮的onclick 事件上完成,如果错误返回false,按钮的单击事件被取消。
第二种,在提交按钮的onsubmit 事件上完成,如果错误返回false,表单将不会提交。
5. 正则表达式
详见:
http://deerchao.net/tutorials/regex/regex.htm