003-JavaScript基础语法
2020-04-05 本文已影响0人
千锋高级切图仔
一：js的介绍
二：js的写法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!--
- js内嵌的写法 script
- 顺序：从上至下 可以写在html页面的任意地方
-->
<script>
alert("我是内嵌的弹窗")
</script>
<!--
- 外部js的写法：script src属性引入外部的地址
- 顺序：内嵌>外部>行内
-->
<script src="js/01-js.js"></script>
</head>
<body>
<!-- js的行内写法 -->
<button onclick="alert('我是行内写法的弹窗')">按钮</button>
</body>
</html>
<!--
js的写法：有三种 行内、内嵌/内部、外部/外联
建议放在body标签最下面：网页加载顺序
- js是行为
- html是结构
注意点：
- 行内用的很少，基本不用
- 内嵌式和外联式不能共用一个script标签
- 外联的script是可以放任何位置的
- 外联式引入的属性是src，不是href！
-->
// 01-js.js
alert("我是外部js的弹窗");
三：js的注释
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
<script>
// 单行注释
/*
注释的第一行
注释的第二行
*/
</script>
四：js的变量
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
<script>
// js的变量：什么是变量、如何创建变量、命名规则、关键字和保留字、存储数据
// 1.什么是变量
// - 什么是容器？ 存储东西/数据
// - 变量就是一个容器，用来存储数据的容器
// 2.如何创建容器/变量
// - var 容器的名称
var x;
// 相当于在计算机内存了创建一个容器(画图表示)
// 3.变量规则
// - 可以使用数字0-9，字母a-zA-Z，下划线，美元符号组成
// - 不允许使用数字开头
// - 不允许使用中文
// - 区分大小写
// - 不允许使用关键字和保留字
// - 尽量语义化 - 词必达意
// - 尽量驼峰式
var age;
// 4.关键字和保留字
// - 不能使用其用作变量名称
// - 关键字是自己内部使用过的一些具有特殊含义的单词(标签名称、常用方法的名称等)
// - 保留字是暂时还没用上，以后可能会用
// var var; 报错
// 5.存储数据
// - 需要一个符号 "=" 赋值符号
var a;
a = 10; // 在a这个容器中放了一个数字10
var b = 20; // 创建一个变量b将20放到b这个容器中
// 写法习惯
// - 该空格的时候得空格
// - 分号可写可不写
var a,b; // 一次性声明多个变量，多个变量名之间用逗号隔开
var a = 1,b = 2; // 可以一次性定义多个变量并赋值
c = 1;// 就相当于var c = 1;可以省略，但是建议加上
// 注意：赋值符右边是值，左边是变量，值放到变量里面储存起来
</script>
