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
- Javascript
- JavaScript
- javascript
- javascript
- javascript
- javascript
- javascript
- JavaScript
- javascript
- JavaScript
- Javascript
- javascript
- javascript
- JavaScript
- javascript
- javascript
- JavaScript
- javascript
- 如何创建ORACLE大文件表空间
- 上课心得
- Java 中四种代码块:普通代码块、构造块、静态代码块、同步代码块。
- 能源物联网中如何处理上报的大量数据问题的思路分析(题目有点长,但是我不介意它更长)--后续会继续补充
- FreeRTOS移植笔记(一)创建工程模板
- JavaScript
- eclipse如何修改dynamic web module version
- 安卓成长记(二)
- Spring 注入问题
- 《linux内核完全剖析》笔记04-任务调度
- python读取xml文件
- matlab画动画
- 第三章 加分的
- Jquery读取json文件和xml文件以及解析