一、js的三种引入方式

行内式

a标签的引入方式：在a标签的href中加入javascript代码

 <a href="javascript:alert(666)">点击我一下试试</a><br>
 <a href="javascript:alert('看到我了吧')">点我一下你再试试</a>

非a标签的引入方式：需要加上触发事件/条件，例如鼠标事件等

<div οnclick="alert(8888)">我是一个div</div>

内联式

在head中或者body中添加<script></script>标签；

<script>
        alert('鸡你太美!')
</script>

外链式

在head中利用<script src="url"></script>引入外部js文件
url中包括绝对路径和相对路径
绝对路径是指从根目录找到目标文件的路径
相对路径是以当前文件为参照物去找到目标文件的路径

<script src="./test.js"></script>

alert('鸡你太美！！！！baby')

二、Js的三种提交方式

提示框提示信息

通过代码alert() ，实现提示框提示信息

#其中数字不需要加引号，非数字需要加单引号或双引号

alert("我是ikun")

控制台打印

通过代码console.log()，实现在控制台打印

console.log('hello world')

在网页上显示

通过代码document.write()实现在网页上展示

document.write("基尼太美！")

三、注释

单行注释

// 可以进行单行代码的注释，同时也可以将//添加在一行js代码的后面实现在js代码一行中的末尾进行注释

// alert(88)

多行注释

/**/ 可以进行多行代码的注释，将需要注释的多行代码加入此中可以实现多行代码的注释效果

 /*
            注释内容
            注释内容
            alert(8888)
 */

四、变量

变量命名的规则

变量的命名严格区分大小写
变量的命名由字母、数字、下划线以及$负号组成
不能以数字开头
避开关键字和保留字

（关键字就是已经被系统占用的单词

保留字就是虽然还没占用但是后边会占用）

#编辑器中，高亮的单词就是关键字

变量的使用

var x = 10;
var y = 8;
alert(x+y);
alert(x+y);

以上代码实现：

定义变量x，y
为变量x，y分别赋值 10和8
在页面中通过提示框提示出x+y的值

五、JS的数值类型

科学计数法

通过e来表示科学计数法

console.log(2e2);

以上代码表示的数值是2*10的2次方 200

进制

进制分为2进制，8进制，10进制，16进制四种进制

2进制 0b eg. 0b101101
8进制 0o eg. 0o137
10进制默认值 eg. 10086
16进制 0x eg. 0xabc

console.log(0b101101);
console.log(0o137);
console.log(10086);
console.log(0xabc);

正负无穷

无穷分为正无穷和负无穷

正无穷为Infinity / 负无穷为 -Infinity

console.log(2/0);
console.log(-2/0);

非数字

NaN (not a number)

当结果不为数字时，控制台显示NaN

console.log('abc'/2)

字符

字符要用单引号或双引号引起来

console.log('abc')
console.log("abc")

布尔类型

布尔类型boolear 只有两个值分别为true和false（必须全部小写）

console.log(12>1)
console.log(12<1)

未定义类型

是指未定义的变量 underfind

var type;
console.log(type)

空类型

null

var test = null;
console.log(test)

复杂类型

复杂类型引用类型 object 类数组 function 函数工具

字符串类型

string类型

console.log('hello world')
        console.log(`wohsilainshishichang
        liangnianbandegerenlianxishengcaixukun`) //反单引号 原样输出，代码中换行，控制台中就换行
        console.log("xihuanchangtiaoraplanqiumusic")
        var age = 18//反单引号可以解析变量，如果需要解析变量，需要在变量外边加上${}
        console.log(`我今年 ${age}岁了`)

六、查看元素类型

通过 console.log(typeof test) 实现查看元素类型

number => 数值类型 string => 字符类型 boolean => 布尔类型 undefined => 未定义类型

var test = 0xabc;
console.log(typeof test)

var test = 'abc';
console.log(typeof test)

var test = 12>1;
console.log(typeof test)

var str;
console.log(typeof str);

var str1 = null;
console.log(typeof str1)

本文含有隐藏内容，请开通VIP 后查看

关于JavaScript的初始