一、概述
Javascript是一种脚本语言,它的目标程序是以普通文本形式保存。JS运行在浏览器当中,浏览器中有执行JS代码的内核。与JAVA并无关系。
Javascript主要用来操作HTML中的节点,产生动态效果。它是一门编程语言。
核心语法:ECMAscript
二、嵌入JS代码的方式
第一种:行间事件。
第二种:脚本块方式。
第三种:引入外部独立的JS文件
xxx.js代表JS文件名。
标识符命名规则和规范按照Java执行。
三、JS中的变量
声明:var 变量名;
赋值:变量名 = 值;
JS语言是弱类型语言,没有编译阶段,直接打开浏览器打开解释执行,在JS中声明变量时不需要指定变量的数据类型,程序在运行过程当中,赋什么类型的值,变量就是什么数据类型,并且变量的数据类型是可以变的。
全局变量:在函数体之外声明的变量。全局变量在浏览器打开的时候分配空间,在浏览器关闭时才销毁。
局部变量:在函数体当中声明的变量。局部变量在函数被调用的时候分配空间,函数执行结束后,内存释放。
四、函数
JS中函数不能重载,只要出现同名函数,前面的函数就消失了。
五、JS数据类型
typeof运算符:可以在JS代码运行过程中,动态的获取变量的数据类型。
语法格式:typeof 变量名;
运算结果是以下六个字符串之一:undefined,boolean,string,number,object,function。
JS中判断两个字符串是否相等,用‘==’。
undefined类型:只有一个值,就是undefined,当声明变量没有赋值,系统默认为undefined。
null类型:只有一个值,就是null,typeof null运算结果是:object。
number类型:属于原始类型,整数、浮点数都属于number,还有NaN(表示不是一个数字),Infinity。有一个函数叫isNaN(),这个函数最终返回类型是布尔类型,返回false表示是一个数字,返回true表示不是一个数字。还有一个函数叫Number(),可以将不是数字类型的数据转换为数字类型的数据。parsetInt()函数可以将字符串转换为数字并且只取整数位,可以用来向下取整。
boolean类型:属于原始类型,只有两个值,true和false,有一个函数叫Boolean(),可以将不是布尔类型的变量转换为布尔类型。
string类型:属于原始类型,定义string类型有两种方式:var s=“字符串”; var s = new string(“字符串”);
length属性可获取字符串长度;
object类型:可以将object类型看作是所有对象的超类,在JS当中默认定义的类型,没有特殊说明的话,默认继承object。prototype属性可以给对象动态扩展属性和方法。
JS中怎么定义类new对象调方法:定义类有两种方式:
1、function 类名(形式参数列表){
this.属性名=参数;
this.方法名 =function(){}
}
2、类名=function (形式参数列表){
this.属性名=参数;
this.方法名 =function(){}
}
==,只比较值是否相等
===,既比较值,也比较数据类型是否相等
六、事件
blur:失去焦点
focus:获得焦点
click:鼠标单击
dbclick:鼠标双击
keydown:键盘按下
keyup:键盘弹起
mousedown :鼠标按下
mouseover :鼠标经过
mousemove:鼠标移动
mouseout:鼠标离开
mouseup:鼠标弹起
submit: 表单提交
reset:表单重置
select:文本被选定
change:下拉列表中项改变,或文本框内容改变
load:页面加载完毕
任何一个事件都有对应的事件句柄,事件句柄是在事件名称前添加on。
测试失去焦点事件:;
测试获得焦点事件:;
测试click事件:;
测试dbclick事件:;
事件注册的第一种方式:
第二种方式:
事件案例:
七、void运算符、JS控制语句、内置对象
语法格式:void (表达式)
执行表达式,不返回任何结果,即使表达式有执行结果,但是经过void后就什么都没了。
选择结构:if,switch
循环结构:for ,while,do…while
转向语句:break,continue,return
JS种特殊语句(不常用):
for…in语句
with语句
内置对象array: 添加元素:数组名.push(添加元素)并且是添加到末尾。 pop():将数组末尾元素弹出,并且长度减一。 reverse():翻转数组。 内置对象date: var time =new Date();
八、DOM编程案例
BOM是浏览器对象模型:通过BOM的对象和方法可以完成浏览器窗口的操作。顶级内置对象是window。
DOM是文档对象模型:通过DOM对象和方法,可以完成网页中元素的增删改,产生动态效果,顶级内置对象是document。
innerHTML和innerText的区别:
复选框的全选和取消全选:
xiaoke
az
nanami
获取文本框的value:
用户名:
获取下拉列表选中项的value:
周期性调用函数、网页时钟:
九、BOM编程案例
窗口的开启和关闭:
alert和/confirm/i:
alert:弹出消息框
/confirm/i:弹出确认框
十、JSON
1、Java和Javascript怎么交换数据?
可以用JSON格式的字符串。
2、JDBC连接数据库查询数据,然后将数据拼接成JSON格式的字符串。
将JSON格式的字符串传给Javascript,然后Javascript当中把json格式字符串转换成JSON对象,就完成了数据交换。



