JavaScript是一种属于网络的脚本语言,广泛应用于Web开发,常用来为网页添加各式各样的动态功能。其日常用途如下:
1.在html页面中嵌入动态文本
2.对浏览器事件作出响应
3.读写html元素
4.在数据提交到服务器之前验证数据
5.检测访客的浏览器信息
6.控制Cookies,包括创建和修改
7.基于Nodes.js技术进行服务器端编程
脚本由单独的script元素标识,可以在html文档中编写,也可由外部导入
JavaScript在HTML文档中实现
HTML脚本位于标签之间,脚本可置于head或body中。定义的函数通常放在head部分,或放在页面底部.
JavaScript语言基础
1.语法
1.1字面量(常量)
数字字面量
字符串字面量"beijing",'JavaScript'
表达式字面量
数组字面量[1,2 ,3 ]
对象字面量{ID:"PBXXXXXXXX",name:"nike",age:20}
函数字面量
1.2变量
使用var定义变量
var x;
x=1;
1.3语句
语句使用分毫隔离
1.4关键字
关键字用于标识要执行的动作,关键字以字母,下划线或$符号开始
1.5注释
双斜杠//
1.6数据类型
数字 字符串 数组 对象等
1.7函数
与C语言相似
1.8命名对大小写敏感
2.语句
与C语言相同,分号分隔语句
3.变量
变量必须以字母或$和_开头
未使用值来声明的变量,其值为undefined
4.数据类型
JavaScript变量拥有动态类型,即可以将不同类型的值赋予同一变量。
4.1字符串
使用单引号或双引号进行赋值
4.2数值
JavaScript只有一种数字类型。可以带小数点也可不带。
可用科学计数法表示
4.3布尔
布尔型变量只有true和false两个值
4.4数组
数组可以使用new Array()赋值语句申请,后按分量赋值
var subject=new Array();
subject[0]="math";
subject[1]="physicis";
或者
var subject=new Array("math","physicis");
var subject=["math","physicis"];
数组下标从0开始
4.5对象
对象由花括号分割。括号内部,对象的属性以名称和值对形式定义
ver student={ID:"PBXXXXXXXX",name:"nike",age:20};
对象属性寻址有两种方式
name=student.name;
name=student["name"];
4.6undefined和null
undefined表示这个变量不含有值。可通过将变量的值设置为null来清空变量。
4.7声明变量类型
可使用new来声明其类型
var x=new String;
5.对象
对象是有属性和方法的数据,属性在数据类型中介绍过,下面介绍访问对象方法
访问对象方法
属性
值
fullName
function() {return this.firstName + " " + this.lastName;}
若直接访问对象属性,将返回定义fullName的字符串
name=person.fullName;
可以通过以下方法创建对象方法
methodName:function(){code lines}
//example
fullName:function() {return this.firstName + " " + this.lastName;}
通过以下方法访问对象方法可以得到函数返回值
name=person.fullName();
6.函数
登录界面function display()
{
alert("Welcome!");
}
Baiduu
登陆账户
6.1语法
function必须小写
function functionname(){执行代码}
6.2参数
登录界面function display(firstname,lastname )
{
alert(lastname + firstname+", Welcome!");
}
Baiduu
登陆账户
6.3返回值
return可以返回一个值,也可以用作退出函数的标志。
登录界面function display(firstname,lastname )
{
return (lastname + firstname + ", Welcome!");
}
Baiduu
登陆账户
6.4局部变量&全局变量
区别
全局变量
局部变量
声明
在函数外声明
在函数内声明
访问
任何脚本与函数都可访问
只能在函数内访问
生存期
页面打开期间
函数运行期间
若把值赋给未声明的变量,该变量将被视为全局变量
7.字符串
JavaScript中字符串定义与使用方法与C语言类似,但有了对象的概念。可以使用索引来访问字符串中的每个字符,与数组的用法相似。
7.1特殊字符
反斜杠(\)为转义字符,反斜杠也可以用作字符串在源码中换行符
代码
输出
\'
单引号
\"
双引号
\\
反斜杠
\b
退格键
\f
换页
\n
新行
\r
回车
\t
水平制表符
\v
垂直制表符
7.2属性&方法
var name="abc";
var leng=name.length;
8.运算符
JavaScript中算术运算符、赋值运算符、关系运算符、条件运算符和逻辑运算符都与C语言中相同,在比较运算符中增加了绝对等于
运算符
描述
例子
===
绝对等于(值和类型都相等)
5==="5" false
!==
绝对不等于(值和类型都不相等)
5!=="5" true
用于字符串的+运算符
+运算符可以直接将两个字符串拼接,若数字与字符串相加,将数字看作字符串处理返回字符串。
9.条件语句&循环语句
条件语句与C中相同,循环语句也与C类似,添加了一些新的内容
for/in循环
for/in语句循环遍历对象数组
for (var x in person)
{
txt=person[x].age;
}
JavaScript错误调试
JavaScript引擎执行JavaScript代码时,会发生各种错误。当发生错误时,JavaScript引擎通常会停止,并生成错误消息。很多浏览器内置了调试工具,将错误信息发送给用户。浏览器调试工具一般是按F12键,在调试菜单中选择Console输出结果,或设置断点,或利用try-catch捕获异常。