1.Javascript介绍
1.1语言特性
JavaScript(简称js)是一种描述语言,基于对象和事件驱动的脚本语言。
JavaScript特点:
(1)脚本语言(一种轻量级的编程语言)
(2)一种解释性语言(无需预编译)
(3)被设计为向HTML页面添加交互行为
(4)运行于客户端(浏览器)
1.2发展历史
①95年LiveScript(Netscape公司)
②Netscape将其更名为JavaScript
③微软IE3.0并附带JScript、CEnvi的ScriptEase以及JavaScript三足鼎立
④97年JavaScript1.1版本被ECMA(欧洲计算机制造商)标准化为ECMAScript的脚本语言
1.3Tips
JavaScript与ECMAScript的关系
ECMAScript是JavaScript的基础
JavaScript与Java的关系
JavaScript和Java都与Sun公司有合作,是借势Java
什么是ECMAScript
ECMAScript定义了脚本语言的所有属性、方法和对象
包括语法、类型、关键字、保留字、运算符、对象等
除了JavaScript外,同时也是Nombas的ScriptEase和Flash脚本ActionScript的基础
什么是DOM
Js中将整个文档对象(html文件)描述成树状模型结构,有元素节点、属性节点、文档节点等等。节点之间有父子关系 js可以通过描述出的节点及关系,动态的操作节点和节点属性。
什么是BOM
Js可对浏览器窗口进行访问和操作
例如:弹出新的浏览器窗口,移动、关闭浏览器窗口及调节浏览器窗口大小,WEB浏览器详细的定位对象
2.JavaScript语法
2.1JavaScript引入方式
Script标签中编写
通过script标签引入(当前标签无法再编辑js代码)
在页面中直接编写javascript
例:οnclick=“javascript:alert(1)” 尽量不用
2.2 JavaScript基本语法
2.2.1 注释
JavaScript的注释方法,与Java一致
//单行
/*
多行
*/
2.2.2变量
变量声明规则与java基本一致
1、由于 JavaScript 对大小写敏感,变量名也对大小写敏感 (y 和 Y 是两个不同的变量)
2、变量必须以字母或下划线或美元符$开始 ,不能使用关键字作为变量名
//JS的变量声明 ,是通过 var 语句来声明
//弱类型,声明时无需指定数据类型,赋值时根据值决定类型
var num = 10 ;
JS中的变量类型:
Number 数字类型
String 字符串类型
Boolean 布尔类型
Undendined 未定义或未初始化类型
Null 空对象
Object 复合类型
Typeof关键字 可以返回变量的类型
typeof运算符返回值如下:
undefined:变量被声明后,但未被赋值
string:用单引号或爽双引号来声明的字符串
boolean:true或false
number:整数或浮点数
function:函数方法
object:对象或数组或null类型
类型转换函数
parseint():字符串转换为整数
parseFloat():字符串转换为浮点数
toString():返回字符串
注意:parseint和parseFloat对字符串的转换
2.3 运算符
JS中运算符与Java中基本一致
+可以做数字加 也可以做字符串拼接
注意:小数相加时会丢失精度 如0.1+0.2需要取位数 使用toFixed(位数)
2.4条件语句
条件语句语法与java基本一致
If…else
Switch…case
2.5循环语句
循环语句语法与java基本一致
For
for…in 可循环数组成员
While
Do…while
2.6函数
一组可以通过调用运行的语句
编写函数后,页面加载时函数中的代码不会立即运行,调用时才运行
分类
系统函数:parseInt,parseFloat,IsNaN,eval
自定义函数:
function 函数名(参数1,参数2,参数3){
//代码
}
等同于
var 函数名 = function(参数1,参数2,参数3){
//代码
}
Js中的函数不需要定义返回值类型 如果需要返回值 在函数中加上return关键字即可
function 函数名(参数1,参数2,参数3){
//代码
return xxx;
}
2.7JS事件
js会自动对行为进行监听,当触发某些行为时,可以调用自定义函数来完成用户交互。事件通常与函数配合使用,当事件发生时去调用函数
事件举例
鼠标点击 onclick
鼠标悬浮于页面的某个热点之上 onmouseover
在表单中选取输入框 onfocus
内容改变 onchange
页面或图像载入 onload
键盘按键 onkeyup
表单提交 onsubmit