Web应用系统安全开发课件：使用JavaScript编写网页行为.pptx

Web应用系统安全开发

使用JavaScript编写网页行为;

2.3.1JavaScript基础;

1.概述

?HTML定义网页的内容，CSS规定网页的布局，JavaScript则是对网页行为进行编程?JavaScript是一种动态类型、弱类型、基于原型的直译式脚本语言，其解释器被称为JavaScript引擎，是浏览器的一部分。

?JavaScript用来给HTML网页增加动态功能

?JavaScript是所有现代浏览器以及HTML5中的默认脚本语言

?JavaScript特点

?脚本语言

?基于对象

?简单

?动态性;

2.语法

(1)输出

?使用alert()弹出警告框。

?使用document.write()方法将内容写到HTML文档中。

?使用innerHTML写入到HTML元素。

?使用console.log()写入到浏览器的控制台。

(2)语句

?JavaScript语句向浏览器发出命令，告诉浏览器该做什么

script

document.getElementById(demo).innerHTML=我的第一段JavaScript;/script;

(3)注释

?单行注释以“//”开头，多行注释以“/*”开始，以“*/”结尾

(4)数据类型

?JavaScript的数据类型有字符串、数字、布尔、数组、对象、null、undefined

?JavaScript拥有动态数据类型，这意味着相同的变量可用作不同的类型

(5)变量

?变量可以使用短名称，也可以使用描述性更好的名称

?变量必须以字母开头，也能以“$”和“_”符号开头，变量名称对大小写敏感。

?JavaScript变量均为对象，声明一个变量就创建了一个新的对象。

?在JavaScript中创建变量通常称为“声明”变量，可使用var关键词，如下代码所示：varx=2;y=3;

varname=“Gates”;;

(6)运算符

?算术运算符

一元运算符包括：前置或后置自增“++”、前置或后置自减“--”、正号“+”和负号“-”。二元运算符包括：加“+”、减“-”、乘“*”、除“/”和取余“%”。

?赋值运算符

赋值运算符“=”用于给变量赋值，其它运算符可以和赋值运算符联合使用，构成组合运算符。

?比较运算符

比较运算符用来比较两个操作数的值，返回值为布尔类型。

小于“”、大于“”、小于等于“=”、大于等于“=”、相等“==”、不等于??!=”、全等(值和类

型)“===”和非全等(值和类型)“!==”。

?逻辑运算符

逻辑与“”、逻辑或“||”和逻辑非“!”。

?条件运算符

表达式1?表达式2:表达式3;

?if…elseif…else语句

if(条件1)

{当条件1为true时执行的代码}

elseif(条件2)

{当条件2为true时执行的代码}

else

{当条件1和条件2都不为true时执行的代码}

?switch语句

switch(n)

{case1:

执行代码块1;break;

case2:;

(8)循环语句

?for循环语句

for(语句1;语句2;语句3)

{

被执行的代码块

}

?for…in循环语句

varteacher={fname:Keke,lname:Wu,age:40};

for(minteacher)

{

n=n+teacher[m];

};

(9)break语句;

(12)函数

?函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块

?函数就是包裹在花括号中的代码块，前面使用了关键词function

functionfunctionname(argument1,argument2,argument3,…){

这里是要执行的代码

};

2.3.2JavaScript对象;

1.概述

?JavaScript中的所有事物都是对象

?JavaScript对象是拥有属性和方法的数据

?属性是与对象相关的值，方法是能够在对象上执行的动作

?访问对象属性的语法

?objectName.propertyName

?访问对象方法的语法

?objectName.methodName();

(1)Array对象：在单个变量中存储多个值

newArray();

newArray(size)