Class4：初学HTML之JS

常见编程语言：java c c++ JavaScript Python 等等
Python最容易上手

JS主要由以下三部分组成：

1. 核心（ECMAScript）：它规定了JavaScript这门语言的一些组成部分：语法、类型、语句、关键字、保留字、操作符、对象。它是JavaScript的核心部分。
2. 文档对象模型（DOM）：专门用于完成和网页之间的交互
3. 浏览器对象模型（BOM）：主要用于对浏览器窗口进行一些操作，比如设置窗口大小，回滚上一页、打开新窗口等。

面试会问：文档对象模型（DOM）：专门用于完成和网页之间的交互

JS代码是在script标签里来执行的
可放在body head 外部引入

点我有惊喜

修改

JS核心语法
变量
数据类型
数组
运算符号
控制语句
注释
输入、输出
语法约定

单行注释两个斜线//,多行注释/**/

输入输出
括号里是要输出的内容，必须加引号，单引号双引号均可

var age=prompt(‘请输入密码’)
输出的内容是string字符串
typeof输出数据类型
document.write(typeof(age));
document.write(‘密码是：’+age);
window.alert(‘这是一个弹窗’);

变量：保存数据的容器

变量命名规则:
大小写字母开头,数字可以在中间或结尾;
也可以以下划线和$开头,但不建议使用
变量命名不能使用关键字(如:js本身已有含义)/保留字(占住不让用)

大小写分别代表不同的值*/
数字不需要加引号

var y = 5;
document.write(y);
输入的是number数字

var Y = 1;
document.write(Y);

数据类型：数字、数组、字符串
数组[‘lisi’,‘zhaoliu’,‘zhangsan’]
数组可以存放多个数据
具有下标从0开始，最后一个下标是长度减去1
var names = [‘lisi’,‘zhaoliu’,‘zhangsan’]
document.write(names[1])

string转换成number：var b = Number(age)
number转换成string：var b = string(a)

js 中比较时 == 不会判断数据类型
=== 会判断数据类型
！= 不会判断数据类型
！== 会判断数据类型

if(!(age>50)){
document.write(“123”)
}

if语句：满足条件之后不再理会下边的代码
var a = 78;
if(a>80){
document.write(“优秀”);
}else if(a>=60){
document.write(“及格”);
}else{
document.write(“不及格”);
}
switch语句
var a = prompt(“成绩：”);
var b = Number(a)
数据类型一定要保持一致
switch(b){
case 90:
document.write(“优秀”)
case 60:
document.write(“及格”)
default:
document.write(11111111)
}
for循环
for(var i = 0;i<10;i++){
document.write(“循环：”+i+’
’)
}
var a=0

for(var i = 0;i<2;i++){
document.write(“循环：”+i+’
’)
++a
}
document.write(“zhi：”+a+’
’)