第7章 Javascript与前端开发技术（54）.pptx

第7章Javascript与前端开发技术

知识要点（1）掌握在网页中插入脚本语言的三种方式（2）掌握JavaScript脚本语言的基本语法规则：变量、运算符、表达式、语句以及函数（3）掌握JavaScript对象、浏览器对象和HTMLDOM对象（4）熟悉JQuery和Bootstrap的基本用法（5）了解前端开发框架：Vue.js、React和Angular本章目标

（1）使用脚本语言script标记符直接插入脚本链接外部脚本1．三种插入JS的方法

(2)Javascript语言的语法所谓变量，就是程序中一个已命名的存储单元。变量的主要作用是存取数据和提供存放信息的容器。1．变量scriptvartoday=15;//today=Todayisthe15th;/script注意：JavaScript是区分大小写的，因此today和Today是不同的

(2)Javascript语言的语法2．运算符+、-、*、/、%、++、--算术运算符（逻辑与）、||（逻辑或）、!（逻辑非）逻辑运算符、=、、=、==、===、!=、!==比较运算符+（字符串接合操作）字符串运算符（按位与）、|（按位或）、^（按位异或）、（左移）、（右移）、（无符号右移）位操作运算符

(2)Javascript语言的语法赋值运算符=、+=、-=、*=、/=、%=、=、|=、^=、=、=、=条件运算符?:（条件?结果1:结果2，表示若“条件”值为真，则表达式的值为“结果1”，否则为“结果2”）其他运算符.（成员选择运算符）、[]（下标运算符）、()（函数调用运算符）、,（逗号运算符）、delete（删除一个对象的属性或一个数组索引处的元素）、new（生成一个对象的实例）、typeof（返回表示操作数类型的字符串值）、void（不返回任何数值）

(2)Javascript语言的语法3．条件语句if(expression1)statement1;elseif(expression2)statement2;elseif(expression3)statement3;…elsestatementn;switch(expression){casevalue1:statement1;break;casevalue2:statement2;break;...default:statement;}

(2)Javascript语言的语法4．循环语句for(initializationStatement;condition;adjustStatement){statement;}while(expression){statement;}do{statement;}while(expression);break;continue;

(2)Javascript语言的语法5．函数functionfunctionName(parameter1,parameter2...){statements;return;}JS实例

(3)Javascript对象和浏览器对象对象就是客观世界中存在的特定实体。对象包含两个要素：1．什么是对象？01用来描述对象特性的一组数据，也就是若干变量，称为属性02用来操作对象特性的若干动作，也就是若干函数，称为方法通过访问或设置对象的属性，并且调用对象的方法，我们就可以对对象进行各种操作，从而获得需要的功能：document.titledocument.write()

(3)Javascript对象和浏览器对象2．三种对象Array、Date、Math、String等JavaScript内部对象Part01window、screen、location等浏览器对象Part02documentHTMLDOM对象Part03

(3)Javascript对象和浏览器对象Array对象

(3)Javascript对象和浏览器对象Date对象

(3)Javascript对象和浏览器对象Math对象常用属性E（欧拉常数，约为2.718）、PI（圆周率常数，约为3.14159）和SQRT2（2的平方根，约为1.414）等常用方法abs(num)（绝对值）、cos(num)（余弦）、pow(num1,num2)（num1的num2次方）、random() （随机数）、round(num)（四舍五入）、sin(num)（正弦）、sqrt(num)（平方根）、toString()（返回表示该对象的字符串）。Math.cos(Math.PI/3));

(3)Javascript对象和浏览器对象String对象vartxt