1.javaScript能做什么
最初的目的是为了处理表单的验证操作,发展到现在几乎无所不能
1.网页特效
2.服务端开发(Node.js)
3.命令行工具(Node.js)
4.桌面程序(Electron)
5.App(Cordova)
6.控制硬件-物联网(Ruff)
7.游戏开发(cocos2d-js)
2.javaScript的组成部分
ECMAScript - Javascript的核心
ECMA欧洲计算机制造联合会
网景:JavaScript、微软:JScript
JavaScript的核心,定义了JavaScript的语法规范,描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准与具体实现无关
BOM-浏览器对象模型
一套操作浏览器功能的API,通过BOM可以操作浏览器窗口,比如:弹出框、控制浏览器跳转、获取分辨率等
DOM-文档对象模型
一套操作页面元素的API,DOM可以把HTML看做是文档树,通过DOM提供的API可以对树上的节点进行操作
3.在引入外部js文件的script标签中编写js代码是无法执行的
4.变量
(1) 什么是变量
变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据
(2) 为什么要使用变量
使用变量可以方便的获取或者修改内存中的数据I
(3)如何使用变量
1.变量的声明
var age;
2.变量的赋值
age = 15;
3.同时声明多个变量
var age,name,sex;
age = 10;
name = 'sx';
4.同时声明多个变量并赋值
var age = 10,name = 'zs';
var a = b = 10; //a=10,b=10
var a, b = 10; // a=undefined,b=10
4.变量的命名规则和规范
1.规则-必须遵守的,不遵守会报错
(1)由字母、数字、下划线、$符号组成,不能以数字开头
(2)不能是关键字和保留字,例如for、while
(3)区分大小写
2.规范-建议遵守的,不遵守不会报错
(1)变量名必须有意义
(2)遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。例如:userName.userPassword
5.逻辑运算符(布尔运算符)
&& 与 两个操作数同时为true,结果为true,否则都是false
|| 或 两个操作数有一个为true,结果为true,杏则为false
! 非 取反
&&一假则假;一真则真
短路效果:第一个能推断出结果,不会运行第二个
//判断年份是否是否是闰年
//闰年:可以被400整除或者可以被4整除但是不能被100整除
var year=2000
if(year%400==0 || (year%4==0 && year%100!=0)){
console.log(year,"是闰年")
}else{
console. log(year, "不是闰年")
}
6.运算符的优先级
优先级从高到底
1.() 优先级最高
2.一元运算符 ++ -- !
3.算数运算符 先 * / % 后 + -
4,关系运算符 > >= < <=
5.相等运算符 == != === !=
6.逻辑运算符 先&& 后 ||
7.赋值运算符 =
7.if语句
if (/*条件表达式*/){
//执行语句
}
if (/*条件表达式*/){
//成立执行语句
}else{
//否则执行语
}
if (/*条件1*/){
//成立执行语句
}else if (/*条件2*/){
//成立执行语句
}else if(/*条件3*/){
//成立执行语句
}else {
//最后默认执行语句
}
实例代码:
//5.在古希腊神话中,玫瑰集爱与美于一身。人们常用玫瑰来表达爱情。送不同多数的玫瑰花代表的含义也不同。请根据送的花的多少,输出对应的玫瑰花话语。1朵:你是我的唯一,3朵:I Love You!,10朵:十全十美,99朵:天长地久!,108朵:求婚!
var hua=parseInt(prompt("请输入购买玫瑰花数量"))
if(hua==1){
alert("你是我的唯一")
}else if(hua==3){
alert("I Love You!")
}else if(hua==10){
alert("十全十美")
}else if(hua==99){
alert("天长地久")
}else if(hua==108){
alert("求婚!")
}else{
alert("没有对应的话语")
}