JavaScript基本语法
1.数据类型
JavaScript中有五种简单数据类型,也称为基本数据类型,分别是undefined(不明确的)、null(空)、boolean(布尔)、number(整型)和string(字符串)。另外还有一种复杂数据类型——object对象类型。JavaScript是基于对象的语言,这意味着程序员既可使用系统自定义的对象,也可使用自己创建的对象。
//typeof操作符:检测变量的数据类型
2.运算符
运算符号是一种特殊的符号,一般由1~3个字符组成,用于实现数据之间的运算、赋值和比较。
类型 运算符
算术运算符 + - * / % ++ –
赋值运算符 =
比较运算符 > < >= <= == !=
逻辑运算符 && || !
//“+”也能实现字符串的相加,只要表达式中有一个字符串,用“+” 相连成一个新的字符串,例如:’demo‘+123的结果是’demo123’。
3.JavaScript的流程控制语句
(1)顺序结构:
顺序结构就是程序按照语句出现的先后顺序依次执行,这是所有程序的最基本结构,一般程序中的大部分代码采用的都是顺序结构。
(2)选择结构
在编写一个程序时,通常需要根据特定的条件执行不同的语句,JavaScript中用选择结构来达到这种需求,if语句是使用最为普遍的条件选择语句,if语句有多种形式:单分支、双分支和多分支。
if单分支的语法结构如下:
if(条件表达式) {
语句块;
}else{
}
switch的语法结构如下:
switch(表达式) {
case 值1:
语句1;
break;
default:
语句n;
break;
}
(3)循环结构
while() {
语句;
}
do{
语句;
}while(表达式);
for语句的语法结构如下所示:
for(初始化表达式;循环条件;循环后表达式) {
语句块;
}
其他:break与continue
函数与事件
1.用function定义函数
function 函数名(形式参数) {
语句;
return 返回值;
}
2.系统函数
(1)parseInt:将字符串转换为整数;
(2)parseFloat:和parseInt()函数类似,只不过它是返回一个浮点数。
(3)isNaN:
isNaN() 函数用于判断参数是否是NaN(不是数字)。如果是 NaN, 那么 isNaN 函数返回 true ,否则返回 false。
(4)eval()
运行以字符串形式表示的javascript代码串,并返回执行代码串后的结果。
事件与处理程序的绑定
(1)在事件源对象所对应的html标签上增加一个要处理的事件属性,让事件属性值等于处理该事件的函数名或程序代码。
(2)用匿名函数来简化,即事件名=function(){…}。
3.常用的事件
1.onclick事件
鼠标单击页面元素时触发的事件
2.onload和onunload事件
onload 事件会在页面加载完成后立即发生
用户关闭或刷新网页时触发onunload事件
3.onblur事件
onblur事件是指光标或者焦点离开元素后触发的事件。
4.onchange事件
onchage事件通常指输入框的值发生了变化或者改变下列列表框的选项会触发onchange事件。
5.onmouseover和onmouseout事件
onmouseover和onmouseout事件是指鼠标移入、移出页面元素时触发的事件。
6.onkeyup,onkeydown和onkeypress
onkeypress特殊按键不支持
7.浏览器默认的事件处理程序
单击表单元素的“提交按钮“会触发form标签的onsubmit事件,浏览器对这个事件的默认处理方式是提交数据给action属性指定的页面进行处理。如果要让用户在单击“提交按钮”后不提交数据到指定的页面,就需要编写一个事件处理程序,来改变浏览器对form标签的onsubmit事件的默认处理方式。