前端三剑客之JavaScript--引用方式、变量

91 阅读2分钟

三种引用方式:

行内式:

a标签:要在href属性中加一个javascript:js代码;

非a标签:需要给标签加上一个行为属性,onclick=“js代码”,没有超链接的能力,所以不需要javascript:;来区分。

内部式:

标签,然后在script标签里面书写相关的js代码就行

外部式:

步骤:

1、先新建一个扩展名为.js的文件

2、再在js文件中书写相关的js代码

3、最后通过script标签把html文件和js文件进行引入

js变量

变量就是一个容器(盒子),用来存储一些相关内容的,可以存储的内容类型有好多

定义一个变量

语法:var 变量名=需要存储的相关内容

使用场景:想要把一段内容进行存储在一个盒子里面的时候用

说明:

1、var定义变量的关键词 除了var之外还可以用let const

2、变量名的命名规则

2-1:不能数字开头,不能纯数字

2-2:不建议使用中文

2-3:不能使用特殊符号,可以用_

2-4:不能使用关键字和保留字

关键字:在js中已经用到的一些单词 var let const if for……

保留字:在js现在还没有正式用,但是后面可能会用到的一些单词

2-5:建议使用语义化比较强的英文单词,js中是严格区分大小写的

例如:header和Header是2个不一样的东西

变量命名的时候可以使用驼峰命名法,分为大驼峰和小驼峰

大驼峰命名,所有的单词的首字母都大写

小驼峰命名,从第二个单词的首字母大写

3、在js中这里的 = 不是数学上的比较的意思 ,在js中 = 表示的意思是赋值的意思,是把 = 右边的内容赋值给左边的变量。

4、 = 右边想要存储的内容可以是任何内容

注意:

1、同一个变量名赋值多次的话,最终解析的是最后赋值的内容

2、新的变量名出现,要不给var定义一下,要不给赋值,如果没有定义,又没有赋值,那么会报错

3、输出语句中,如果不是纯数字的话,需要带有引号,如果不带引号就会报错,原因是因为此时的控制台把abc看成了一个变量,该变量如果没有定义,那么就直接报错了,如果定义了,那么输出的就是相关的内容(如果赋值了那么就是赋值的内容,如果没有赋值就是undefined)