JavaScript

来源:互联网 发布:光翼网络班多少钱 编辑:程序博客网 时间:2024/06/05 16:34

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

0 0
原创粉丝点击