JavaScript脚本语言（未完）

最新推荐文章于 2024-07-12 09:36:48 发布

Aure.111

最新推荐文章于 2024-07-12 09:36:48 发布

阅读量272

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_48829176/article/details/118048263

版权

1. 了解Javascript脚本语言

1.1 JavaScirpt 概念

   是一种基于对象和事件驱动并具有安全性能的解释型脚本语言，在Web中有着
广泛运用。不需要进行编译，直接嵌入在HTTP页面中把静态页面转变成支持用户
交互并响应应用事件的动态页面。经常应用其进行数据验证、控制浏览器以及生
成时钟，日历和时间戳文档等。

1.2 JavaScript 主要特点

   适用于静态或动态页面，被广泛使用的脚本语言。

解释性
采用小程序段的方式实现编程，解释性语言，提供一个简易的开发过程。
基于对象
可以应用自己创建对象，许多功能来源于脚本环境中对象的方法与脚本的相互作用。
事件驱动
可以以事件驱动的方式直接对客户端的输入做出响应，无需经过服务器端程序。
安全性
它不允许访问本地磁盘，不能将数据写入服务器，并且不允许对网络文件进行修改和删除，只能通过浏览器实现信息浏览或动态交互，以此防止数据丢失。
跨平台
它依赖于浏览器本身，与操作系统无关，只要浏览器支持它，它的程序代码便可执行。

2. Javascript语言基础

2.1 Javascript的语法

区分大小写
eg：username与userName是两个变量。
每行结尾的分号可有可无
并不要求每行结束必须有" ; "，但是习惯要带。
变量是弱类型的
与java不同，定义变量时只使用var运算符，就可以将变量初始化为任意值。

var username = "mrsoft";
var age = 20;

使用大括号标记代码块
注释
单行注释使用“ // ”，后面为注释内容
多行注释使用“ /* … */ ”

2.2 Javascript的关键字

关键字
abstract
boolean break byte
case catch char class continue
default do doule
else extends
false final finally float for function
goto
implements import in instanceof int interface
long
native new null
package private public
return
short static super switch synchronized
this throw typeof ture
var void
while with

2.3 数据类型

2.3.1 数值型

整形
浮点型

2.3.2 字符型

单引号括起来的字符型变量
双引号括起来的字符型变量

2.3.3 布尔型
2.3.4 转义字符

以“ \ ”开头的不可显示的特殊字符常称为控制字符，也称转义字符。

转义字符	描述
\b	退格
\n	换行
\t	Tab符
\f	换页
\r	回车符
\’	单引号
\"	双引号
\\	反斜杠
\xnn	十六进制代码nn表示的字符
\unnnn	十六进制代码nnnn表示的Unicode字符
\0nnn	八进制代码nnn表示的字符

2.3.5 空值

null用于定义空的或者不存在的引用
空值不等于空的字符串（""）或 0 。

2.3.6 未定义值

当使用未声明或声明但没有赋值，将会返回未定义值（undefined）。

2.4 变量定义与使用

2.4.1 变量命名规则

由字母、数字或下划线组成，但必须以字母下划线开头
不能有空格、加号、减号或逗号等符号
不能使用关键字
严格区分大小写

2.4.2 变量声明

可以使用一个关键字var同时声明多个变量
可以在声明变量的同时对其进行赋值
声明未赋值，则其默认值为undefined
给未声明变量赋值，JavaScript会自动为变量创建一个全局变量。要创建一个全局变量必须使用var关键字进行变量声明。
弱类型，所以在声明变量时不需要指定变量类型，变量类型会根据值来确定

2.4.3 变量的作用域

变量的作用域指变量在程序有效范围。
分为全局变量和局部变量。

2.5 运算符的应用

运算符是用来完成计算或者比较数据的一系列操作的符号
常用的按类型分类有：
赋值运算符、算术运算符、比较运算符、逻辑运算符、条件运算符、字符串运算符。

2.5.1 赋值运算符

可以分为简单赋值运算符和复合运算符

运算符	描述	实例
=	将右边表达式的值赋给左边	username=“mr”
+=	将运算符左边的变量加上右边表达式值赋给左边变量	a+=b //a=a+b
-=	同上	a-=b //a=a-b
*=	同上	a=b //a=ab
&=	左右进行逻辑与运算，结果给左边	a&=b //a=a&b
l=	逻辑或运算，结果赋给左边	al=b //a=alb
^=	进行异或运算，赋给左边	a^=b //a=a^b

2.5.2 算术运算符

常见的有： + 、- 、* 、/ 、% 、++ 、- -
除法中0不能做除数，否则返回infinity。

2.5.3 比较运算符

对操作数（数字或者字符串）进行比较，返回一个布尔值。

运算符	描述	实例
<=	小于等于	10<=10 // true
==	等于（仅表面）	“17”==17 // ture
===	绝对等于，表面以及数据类型	“11”===11 //false
!=	不等于
!==	不绝对等于（涉及数据类型）

2.5.4 逻辑运算符

通常与比较运算符一起用

运算符	描述
!	逻辑非，否定条件，即!假=真
&&	逻辑与，两个值都为ture，值才为ture
ll	逻辑或，两值一值为ture，值为ture

2.5.5 条件运算符

一种三目运算符，语法格式：
操作数?结果 1:结果 2
表示如果操作数为ture，则表达式结果为1，否则为2。

2.5.6 字符串运算符

可以是比较运算符、+、+=运算符。

3. 流程控制语句

3.1 if 条件语句

语法格式如下：

if(expression){
	statement1
}else{
	statement2
}

参数说明
expression：必选项。用于指定条件表达式。
statement：用于指定要执行的语句。

3.2 switch 多分支语句

语法格式如下：

switch(expression){
	case judgement1:
		statement1;
		break;
	case judgement2:
		statement2;
		break;
	...
	case judgementn;
		statementn;
		break;
	default:
		statementn+1;
		break;
}

参数说明：
expression:任意的表达式或变量
judgement：任意的常数表达式。若judgment与expression值相等时执行case后面的statement，否则执行最后的default后面的statement。
break：用于结束switch语句。

3.3 for 循环语句

语法格式如下：

for(initialize;test;increment){
	statement;
}

参数说明：
initialize：初始化语句，对循环变量进行初始化赋值。
test：循环条件，包含比较运算符表达式。
increment：用来指定循环变量的步幅。
statement：用来指定循环体。

3.4 while 循环语句

语法格式如下：

while(expression){
	statement
}

3.5 do…while 循环语句

语法格式如下：

do{
	statement
}while(expression);

3.6 break 与 continue 语句

break语句
用于退出包含在最内层的循环或者推出一个switch语句。
在for语句中的break：

var sum=0;
for(i=0;i<100;i++){
	sum+=i;
	if(sum>10)break;  //如果sum>10就会立即跳出循环
}
document.write("0至"+i+"(包括"+i+")之间自然数的累加和为:"+sum);

continue语句
continue用于终止本次循环，并开始下一轮。
在for语句中的continue：

var total=0;
var sum=new Array(1000,1200,100,600,736,1107,1205);  //声明一个一维数组
for(i=0;i<sum.length;i++){
	if(sum[i]<1000)continue;  //不计算金额小于1000的数据
	total+=sum[i];
}
document.write("累加和为："+total);  //输出计算结果

4. 函数

函数实质上就是可以作为一个逻辑的单元对待的一组JavaScript代码

4.1 函数的定义

函数的基本语法：

function functionName([parameter1,parameter2]){
	statements;
	[return expression:]
}

参数说明：
functionName：必选项，用于指定函数名。函数名唯一，且区分大小写。
parameter：可选项，用于指定参数列表。
statements：必选项，是函数体，用于实现函数功能语句。
expression：可选项，用于返回函数值。

4.2 函数的调用

函数调用比较简单：
不带参数的函数，使用函数名加上括号即可；
带参数，则在括号内加上需要传递的参数；
如果包括多个参数使用逗号分开；
如果函数有返回值，则可以使用赋值语句将函数值赋给一个变量。

5. 事件处理

5.1 什么是事件处理程序

5.2 JavaScript常用事件

5.3 事件处理程序的调用

6. 常用对象

6.1 Windows 对象

6.2 String 对象

6.3 Date 对象

7. DOM 技术

7.1 DOM 的分层结构

7.2 遍历文档

7.3 获取文档的指定元素

7.4 操作文档

8. 总结

Aure.111

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript脚本语言（未完）

JavaWeb —— JavaScirpt脚本语言1.了解Javascript脚本语言1.1JavaScirpt 概念1.2JavaScript 主要特点2.Javascript语言基础2.1 Javascript的语法2.2 Javascript的关键字2.3 数据类型2.4 变量定义与使用1.了解Javascript脚本语言1.1JavaScirpt 概念是一种基于对象和事件驱动并具有安全性能的解释型脚本语言，在Web中有着广泛运用。不需要进行编译，直接嵌入在HTTP页面中把静态页面转变成
复制链接

扫一扫