<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>北京</div>
<!-- 带有 scr 属性的script 标签,只会执行外部式
内容中的 JavaScript 代码是无效的
-->
<script src="">
// 无效代码
const oDiv = document.querySelector('div');
oDiv.onclick = function(){
this.style.color = 'red';
this.style.fontSize = '100px';
this.style.background = 'orange';
}
</script>
</body>
</html>
// JavaScript 代码的注释
// 注释形式1 :
// // 单行注释 只能注释一行内容
// 注释形式2 :
// /* */ 多行注释 可以注释多行内容
/*
这些都是注释的内容
这些都是注释的内容
这些都是注释的内容
这些都是注释的内容
*/
// 单行注释,直接按 ctrl + /
// 多行注释
// 都要选中
// 再按 ctrl + /
JavaScript 语法 之 变量
变量的概念:
变量是在所有计算机语言中,都存在的一个非常重要的概念
官方的定义:
存储在内存之中的,带有名称的,数据信息
其中存储的数据信息,在程序的执行过程中,是可以改变的
通俗理解:
变量实际就是一个容器
是存储数据的容器
这个容器必须有一个名称
为什么要有变量
与计算机的存储原理有关
在计算机中,数据是不能独立存在的,必须要有一个存储数据的容器
在数据的传递过程中,实际上传递的是这个容器,容器中存储着数据
接收数据时,实际上也是先接收这个容器,在解析获取到容器中存储的数据
因此计算机程序中,存储数据,必须要有一个容器
这个容器就是变量
其中存储的数据是可以改变的
变量的基本语法
关键词 变量名称 赋值符号 数值数据
var int = 100
关键词 var 定义声明变量的关键词之一
表示当前正在定义的是一个变量
变量名称 int 定义变量的名称,也就是容器的名称
一般是描述存储数据的内容或者类型
要做到 见名知意
赋值符号 = 在计算机语言中 = 的意思 不是 数学中的相等的意思
var int = 100 不是 int 等于 100 的意思
在计算机语言中 是 将 等号右侧内容的执行结果,赋值给等号左侧的变量来存储
var int = 100 是 将 = 右侧的执行结果 100 赋值给等号左侧的变量 int 来存储
数据数值 100 是存储在变量中的数据数值内容
变量的命名规范
1,必须遵守的
(1),变量名称只能使用 英文字母,数字,下划线
其他内容不推荐使用 : 中文 $
有些内容,例如特殊符号,空格等是绝对不能使用的
(2),变量名称严格区分大小写
int 和 Int 是完全两个不同的变量名称
(3),不要使用 JavaScript 保留词和关键词
https://www.runoob.com/js/js-reserved.html
2,推荐遵守的
(1),使用小驼峰命名法
(2),不要使用中文命名
(3),尽量做到见名知意
英文不行,有道词典查
不要使用中文拼音,或者中文拼音缩写
例如 音乐 music 英文 标准写法
yinyue 中文拼音 勉强也能接收,凑合了,但是容易挨打
yy 中文缩写 指定是挨揍了,至少躺半个月
*/
// 定义一个变量并且赋值
var int = 100;
// 同时定义多个变量,并且赋值相同的数据数值
// 同时定义三个变量,都赋值100
// 可以逐一定义
var int1 = 100;
var int2 = 100;
var int3 = 100;
// 可以一起定义,一起写
// 使用一个关键词 var 来同时定义是三个变量
// 变量之间,使用逗号间隔
var n1 = 100 , n2 = 100 , n3 = 100;
// 一次定义多个变量,并且数值不同
var a1 = 20 , a2 = 40 , a3 = 60;