1). 学习Javascript 的原因: 表单的验证和页面动态效果。
2). JavaScript定义:是一种描述语言,也是一种基于对象和事件驱动并具有安全性能的脚本语言。
3). 脚本的基本结构:
<script language="javascript">
<!—
Javascript 语句;
-->
</script>
4).定义函数:
function 函数名(参数列表(可为空值))
{
//javascript 语句
}
调用函数是在 onclick() 事件时调用,函数的参数可以有一个或者多个,也可以一个也没有.
样式表类型: 行内样式表 , 内嵌样式表 , 外部样式表
鼠标相关事件:onMouseOut() 和 onMouseOver()
Display的常用取值(应用于层的显示,隐藏)
block: 默认值.按块显示,换行显示,用该值为对象之后添加新行.
none: 不显示,隐藏对象
inline: 按行显示,和其他元素在同一行显示.
基本的表单验证技术
1.使用表单的原因: (1). 避免信息无法更新或出现新错误 (2). 减轻服务器端的压力
2. 表单验证的内容:
1) 检查表单元素是否为空 (如登录名不能为空)
2) 验证是否为数字 (如:出生日期中的年月日必须为数字)
3) 验证用户输入的邮件地址是否有效(如: 电子邮件地 址中必须有@和 . 符号 )
4) 检查用户输入的数据是否在某个范围 ( 如出生日期中的月份必须是 1-12之间, 日期必须是1-31之间)
5) 检查用户输入的出生日期是否有效 (如出生年份由4个数字组成,1,3,5,7,8,10,12月份为31天,4,6,9,11月份为30天.)
6) 验证用户输入的信息长度是否足够 (如:输入的密码必须大于等于6个字符 )
脚本验证表单:1.获取元素 2.获取元素的值 3.对值进行有效性的验证。
4.表单验证事件
表单验证包括:1.是否为空 2.是否为指定的长度 3.是否满足指定的格式 4.是否符合指定的规则
图片切换的步骤:
var NowFrame=1;定义当前图片的张数
var MaxFrame=3;
function show(){
var next=NowFrame+1;
If(next==MaxFrame+1){
NowFrame= MaxFrame;
next=1;
}
document.getElementById(‘div’+next).style.display=‘block’;
document.getElementById(‘div’+NowFrame).style.display=‘none’;
If(NowFrame== MaxFrame){ 当前图序号最大时,设当前序号为1,重新开始轮换显示
NowFrame=1;
else
NowFrame++;
setTimeout(‘show()’,2000);
}
}
setTimeout 和 setInterval 区别
setTimeout() 间隔一段时间调用一次 (延迟调用)
setInterval() 每间隔一段时间调用一次(循环调用)
动态改变页面不但可以用innerHTML属性来实现,还可以用display属性来实现。
innerHTML和innerText区别:
innerHTML所包含的内容会经过HTML的解析,而innerText却不会经过解析。
例如:<font color=‘red’>用户名不能为空</font>
innerHTML显示结果: 用户名不能为空
innerText 显示结果: <font color=‘red’>用户名不能为空</font>
Document常用属性有:bgcolor
常用方法有:
getElementById(用于获取对象,只能获取ID重复对象中的HTML呈现时第一个出现的对象,而此时重复的ID会引用时自动变成一个数组,ID重复的元素按呈现的书序依次存储于数组中)
getElementsByName(name)用于获取一个页面中包含所有指定name元素的对象数组。
getElementsByTagName(tagname)用于获取一个页面中包含所有指定标签名元素的对象数组,如:document.getElementsByTagName(“P”)表示得到文档中所有<p>标签的引用。
根据getElementsByName实现全选或者全不选功能