一.HTML、CSS、JS的区别
HTML:决定网页的结构和内容(结构)。
CSS:决定网页的样式(样式)。
JS;决定业务逻辑和网页控制(行为)。
二.JS的组成部分
1.JavaScript 包括 ECMAScript、DOM、BOM。
ECMAScript:
规定了JS的编程语法和基础核心知识。
DOM文档对象模型:
是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的接口可以对
页面的各种元素进行操作。
BOM浏览器对象模型:
提供独立于内容的、可与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗
口,如弹出框、控制浏览器跳转、获取分辨率等。
三.输入输出语句
<script>
//输出语句:在网页中弹出一个提示框
alert('cnm')
//输出语句:在控制台打印语句
console.log('123');
//输出语句:将·1数据显示到网页
document.write('今天天气真好呀,可惜要上晚自习')
//輸入語句:在网页弹出一个输入框,让用户输入数据
prompt('你多少岁')
//输入语句:在网页弹出一个确认框,让用户输入确认?
confirm('你满十八了吗')
</script>
三.js的三种导入方式
JS三种书写方式:
1.行内样式:不推荐,不便于维护
2.内部样式:写在script标签里面,界面JS代码较少时可以用。
外部样式:写在js文件中,使用script的src属性导入'
<body>
<!--方法一:在script标签写js代码 (内部样式)-->
<script>
alert('JS内部样式')
</script>
<!--方法二:在标签里写js代码 (行内样式)-->
<button οnclick="alert('只有我java不挂科')">按钮</button>
<!--方式三:在script里的src链接里写js代码-->
<script src="./js外联写法.js"></script>
<!--
注意点:
1.无论是CSS还是JS的三种写法,
当一个html文件存在多种写法是,
HTML的代码是从上往下解析的。
2.如果script标签没有src属性表示内联样式,
如果有src属性表示外联样式,外联样式js代码只能写在js文件中。
-->
</body>
外联写法:
alert('这是外联样式')
五.变量声明的两种情况
先声明再赋值
//第一种情况:先声明再赋值
//1.变量声明
var myName
var myAge
var myScore,myHight //可以同时声明几个变量再一一变量,要用逗号隔开
//2.变量赋值
myName = '小米'
myScore = 60
myHight = 188
//3.控制台打印变量
console.log(myName);//小米
console.log(myAge);//underfined
console.log(myScore);//60
console.log(myHight);//180
//第二种情况:声明的同时直接赋值
var myCar = '大头'
console.log(myCar);
六.var let const 区别
var:声明全局或局部作用域的变量,没有块级作用域
// 使用var声明全局或局部作用域的变量
// 一次声明一个变量
var name;
// 一次声明多个变量,不同变量之间用逗号隔开
var name,gender,age
// 在声明的同时初始化变量
var name = '张华'
// 在声明的同时初始化全部或者部分变量
var name = '张华',gender = '男',age
// 使用var声明的变量,可以多次赋值,但是其结果只与最后一次赋值有关
var name = '张华';
name = '王红';
name = 3;
console.log(name);
// 【作用】
// 1.设置变量
// 2.和let非常类似
// 语法
// 1.声明变量
var food
// 2.声明变量+初始值
var noodle = '重庆小面'
// 3.重新赋值
noodle = '兰州拉面'
console.log(noodle); //兰州拉面
// 【注意点1:变量会提升】
console.log(num);
var num = 10;
// 【注意点2:没有块级作用域)
for(var i = 1; i < 5 ; i++){
console.log('循环内' + i);
}
console.log('循环外' + i);
let:
// 一次性声明一个变量。
let name;
// 一次性声明多个变量,不同变量之间使用逗号隔开。
let name1,gender,age;
// 在声明的同时初始化变量
let name2 = '张华'
// 在声明的同时初始化全部或者部分变量
let name3 = '张华',gender1 = '男',age2
// 使用let声明的变量,可以多次赋值,但是其结果只与最后一次赋值有关
var name4 = '张华';
name4 = '王红';
name4 = 3;
console.log(name4);
// [注意点1-不允许重复声明]
// Let不允许在相同作用域内,重复声明同一个变量
// function func() {
// let a = 10;
// var a = 10;
// }
// function func(){
// let a = 10;
// let a = 1;
const:使用var和let声明的变量可以改变,const不可以改变,使用const声明变量时,必须给变量赋初值。且该值在运行过程中不能被修改。另外,此变量也不能多次声明。
const a = [];
a.push('过过过');
console.log(a);console.log(a.length); //1
a.length = 0;//可执行
console.log(a.length); //0
a =['冲冲冲'] //Assignment to constant variable.(分配给常量变量。)
console.log(a);