day01

JavaScript书写位置

行内(需要触发条件，比如点击)

a标签

<a href="javascript:alert('我是a标签的弹出层')">嗯</a>

普通标签

<div onclick="alert('我是一个弹出层')">嗯</div>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-n6Y7sSrq-1660565591947)(C:\Users\22068\AppData\Roaming\Typora\typora-user-images\1660562318850.png)]

内联(不需要触发事件,点开就弹)

可以加在head或者body里面，可以写多个,推荐加在body的后面。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-37b4XdGt-1660565591949)(C:\Users\22068\AppData\Roaming\Typora\typora-user-images\1660562405621.png)]

外链（不需要触发条件 推荐）

<script src="./js/测试.js"></script>

需要引入外部js文件地址

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MNNNxL9a-1660565591950)(C:\Users\22068\AppData\Roaming\Typora\typora-user-images\1660562645374.png)]

JS注释

单行注释

行前加// 或者 快捷键Ctrl+/直接注释掉一行

多行注释

/* */

变量（重点知识）

其实就是一个容器

定义变量和赋值

1. 一个变量只能储存一个值
2. 再次赋值会顶替掉上一个值
3. 变量名字严格区分大小写

变量的命名规则和命名规范

规则：必须遵守，不遵守就报错

1. 变量只能由数字、字母、下划线、$ 组成
2. 严格区分大小写
3. 不能是数字开头
4. 不能是关键字或者保留字
5. 不能有空格

规范：建议遵守

1. 变量名最好是有意义的不要乱起
2. 遵循驼峰命名规则 （1）大驼峰：UserFristName（2）小驼峰：userFristName
3. 不要用中文

数据类型(重点)

基本数据类型

1. 数值类型 number
   包括 二进制(0b) 八进制(0o) 十进制 十六进制(0x)

2. 字符串类型 string

   比如字符串 ‘hello world’ 或者 “hello world” 字符串需要用单双引号包起来

3. 布尔类型 boolean

   就是 true 和 false

4. null类型

   null空

5. undefined类型

   定义之后不赋值则为undefined类型

复杂数据类型

1. 对象类型(object)
2. 函数类型(function)

判断数据类型(typeof)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Z5l3W7Ni-1660565591952)(C:\Users\22068\AppData\Roaming\Typora\typora-user-images\1660564190891.png)]

打印时使用typeof 查看数据类型

注意：此时typeof返回值一定是字符串类型(string)。

扩展

数据串类型+数值类型会进行拼接

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7uPPZHVn-1660565591953)(C:\Users\22068\AppData\Roaming\Typora\typora-user-images\1660564377524.png)]

= 10;
console.log(typeof num);
console.log(typeof num + num)

[外链图片转存中…(img-7uPPZHVn-1660565591953)]

注意：此时number是typeof返回的字符串’‘number’’