Javaweb学习之JavaScript(一)

JavaScript概述

        JavaScript运行机制:JavaScript是一种嵌入HTML文档,具有解释型,跨平台,安全型,基于对象和事件驱动的脚本语言。它既可以在客户端运行,也可以在服务器上运行。

JavaScript运行过程:1)客户在浏览器地址栏目输入请求页面URL,该页面嵌入JavaScript程序段;2)浏览器将请求发送到服务器;3)服务器响应请求,将嵌入JavaScript的HTML文档发送到客户端;4)客户端浏览器从上到下逐行解释执行HTML标记和JavaScript脚本,并把JavaScript交脚本引擎执行,把执行结果向客户展示;

        JavaScript特点:基于对象,事件驱动,动态,安全,与平台无关

        JavaScript基本语法:

嵌入JavaScript:
<script language="JavaScript">Java代码</script>
链接外部JavaScript
<script src="JavaScript文件名"></script> 
链接外部文件.js只能包含javascript代码,不可以包含HTML标记,扩展名.js
JavaScript书写格式:区分大小写;没有可见行结束标志,用换行符作为一行结束标志或者用分号也可以;如果把多行代码写到同一行,需用分号隔开;注释方法与C++相同;

JavaScript数据类型:数值型,字符型,字符串型,布尔型和空值型;在声明变量时不需要指定数据类型,在使用时确定它的数据类型

var 变量名
var 变量名=变量值
变量名=变量值
//三种变量声明方法

JavaScript控制结构:条件语句if···else;switch语句;循环语句for;循环语句while;do···while循环语句

        函数声明:

function 函数名(参数列表){
    函数列表
}

JavaScript对象

        Java是面向对象的,而JavaScript是基于对象的,所以JavaScript没有提供抽象,继承和重载等面向对象语言的功能。在JavaScript中,对象是客观事物的描述,它有内建对象和用户自定义对象两大类。

概述:JavaScript对象是对具有相同特性的实体的抽象描述,对象实例是具有这些特征的单个实体。对象包含属性(properties)和方法(methods)两种成分。属性是对象静态特性描述,是对象的数据,以变量表征;方法是对象动态特性的描述,也可以是对数据的操作,用函数描述。

定义对象:在JavaScript中用function关键字创建用户自定义对象,

function 对象名称(属性列表){
this.属性1=参数1;
...
this.方法1=函数1;
...
}
        创建对象实例:对象定义后应用关键字new创建对象实例,
对象实例名=new 对象名称(属性值列表)

        对象属性和方法引用:

1.使用(.)运算符

扫描二维码关注公众号,回复: 876177 查看本文章
对象实例名.属性成员名

2.通过对象实例下标引用

对象实例名[n]
MyStudent[0]="001"
MyStudent[2]="李林"
或
MyStudent["id"]="001"
MyStudent["name"]="李林"

3.对象方法调用

对象实例名.方法名称()

        对象的操作:

1.for...in语句

    for...in是操作对象的语句,也称遍历循环。遍历循环是指历经一个集合体中的每个个体。JavaScript中的遍历是指逐一通过一个对象的所有属性,它的计数值是对象中所有属性个数之和,可以用来计算对象中元素总和。

for(变量名 in 对象实例名){
    语句段
}

2.with语句

    如果在程序中需要连续使用某个对象的一些属性和方法,可以使用with语句,省去重复书写对象名的麻烦。

with(对象实例名){
    语句段
}

3.this关键字

    this关键字是对当前对象的引用,与其他面向对象语言一样。

事件驱动与事件处理:

        onClick:鼠标左击页面对象时发生
onChange:对象内容发生改变时发生
onFocus:对象获得鼠标时发生
0nBlur:对象失去鼠标时发生
onload:网页载入浏览器时发生,发生对象为HTML的<body>标记
onUnload:用户离开当前页面时发生,发生对象为HTML的<body>标记
onMouseOver:鼠标移到对象上时发生
onMouseOut:鼠标离开对象上时发生
onMouseMove:鼠标在对象上移动时发生
onMouseDown:鼠标在对象上按下时发生
onMouseUp:鼠标在对象上释放时发生
onSubmit:提交表单时发生
onResize:改变窗口大小时发生


猜你喜欢

转载自blog.csdn.net/object__/article/details/80291715