目录
1、组成:
2、书写位置:
2.1 内联JAVAScript:
2.2 内部JAVAScript:
2.3 外部JAVAScript:
3、注释
3.1 单行注释:
3.2 块注释:
4、输入输出语法
4.1 输入:
4.2 输出:
5、字面量
6、变量
6.1 本质:
6.2 初始化:
6.3 基本使用
6.4 数组
1、组成:
ECMAScript:基础语法
Web APIs: 由DOM和BOM组成
2、书写位置:
2.1 内联JAVAScript:
代码写在标签内部(待补充)
2.2 内部JAVAScript:
直接写在html文件里,用script标签包住(写在</body>的上面)
2.3 外部JAVAScript:
写在同文件夹下的js结尾的文件里,然后通过script标签(在</body>上面),引入到html页面中去。
<body><script src = "文件名.js"></script>
</body>
注:script标签中间无需写代码,否则会被忽略
3、注释
3.1 单行注释:
符号: //
快捷键:ctrl + /
3.2 块注释:
符号: /* */
快捷键: shift +alt +A
4、输入输出语法
4.1 输入:
弹窗输入:prompt("说明文字")
4.2 输出:
页面输出:
document.write('输出内容')
document.write(变量名)
页面弹出:
alert('弹出内容' / 变量名)
控制台输出语法,程序员调试使用:
console.log('控制台打印' / 变量名)
注:控制台打印一定要用单引号,否则找不到控制台
流程:alert和prompt会被优先执行,其余按从上到下的顺序执行
5、字面量
在计算机中描述的东西就是字面量
数字就是数字字面量,字符串就是字符串字面量; 等等等等
6、变量
6.1 本质:
计算机中用来存储数据的“容器”,简单理解是一个个的盒子。
内存:计算机中存储数据的地方,相当于一个空间
变量本质:是程序在内存中申请的一块用来存放数据的小空间
6.2 初始化:
1、声明(创建定义):
let 变量名
// 在使用变量之前,一定要先用let进行声明
2、赋值:
变量名 = 某字面量(数值/字符串/数组等等)
3、可在声明的同时进行赋值(初始化)
let 变量名 = 字面量(该变量初始值)
// 在使用变量之前,一定要先用let进行声明
4、可以同时声明并赋值多个变量,只需使用逗号分隔开,但不提倡。
注:便于理解的代码:
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.pink {background-color: pink;}</style>
</head><body><script>//弹出的内容alert("hello, js") //在页面内输出,且为一级标题document.write("<h1>js, coming</h1>")// 控制台输出console.log('ta~会魔法吧~~~')// 定义+赋值用户购买数量let num = 20// 用户姓名 // 利用输入内容对变量进行初始化let uname = prompt('输入姓名')document.write(uname)console.log('num的数量是', num)console.log(uname)</script>
</body></html>
6.3 基本使用
在赋值之后,还可以通过给他一个不同的值来进行更新,但不能多次声明
let age = 18
age = 19 // 更新,age变量中的数据变为19
例:交换两个数字
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.pink {background-color: pink;}</style>
</head><body><script>let n1 = Number(prompt("请输入数字"))let n2 = Number(prompt("请输入数字"))document.write(n1,n2)document.write("<br>")let temptemp = n1n1 = n2n2 = tempdocument.write(n1, n2)</script>
</body></html>
例:输入用户名等信息,并输出到文档中:
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.pink {background-color: pink;}</style>
</head><body><script>let uname = prompt("请输入姓名")let age = prompt("请输入你的年龄")let gender = prompt("请输入性别")document.write(uname, age, gender,'\n' )// document.write("<br>")document.write(age)</script>
</body></html>
6.4 数组
Array -- 将一组数据存储在单个变量名下
let arr = [数据1, 数据2, 数据3,....] //数组字面量
数组是按顺序保存,所以每个数据都有自己的编号
计算机中的编号从0开始
在数组中,数据的编号也叫索引或下标
数组可以存储任意类型的数据
输出数组中的最后一个数:
<body><script>let arr = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'satuaday', 'sunday']
//长度:数组中数据的个数,通过数组的length属性获得alert(arr[arr.length - 1])// document.write("<br>")</script>
</body>