1.js初体验
js的代码必须要在script标签中书写,script是一个双标记标
<script>
alert('Hello World');
</script>
2.在head中书写script标签
type="text/javascript" 可写可不写
<head>
<script type="text/javascript">
alert('Hellp World')
</script>
</head>
3.在body中书写script标签
一般情况下,我们在body中写的script代码都是放在最后一行的
4.在head和body中书写script标签的执行顺序
js的代码是从上到下依次执行的,无论是在body还是在head中
5.在哪个位置来书写script标签
因为代码是从上到下依次执行的,所以在实际的企业级开发中,script标签都是放在body,的最后一行,这样可以保证能获取到所有对象
6.引入外部js文件
<script src="./js/引入外部js文件.js"></script>
引入js的标签,可以在head或者body中书写
引入js的标签中,不可以书写js代码,各司其职
在内部中书写js和外部引入js的执行顺序完全取决于书写顺序
7.延迟加载-defer
<script src="./js/延迟加载-defer.js" defer></script>
(1)在所有的js文件执行完毕之后才会执行延迟加载
(2)当有很多个defer文件的时候,我们依然是按照顺序来执行
(3)defer智能应用在外部引入js的时候才可以使用
8.异步加载-async
<script src="./js/异步加载.js" async></script>
比较耗时的操作会耽误代码的执行,所以我们要把同步的代码编程异步
async是异步加载js文件,就是让比较耗时的操作都放在一个js文件中,然后引入的时候给标签日俺家async属性,也是只能用于外部引入的js文件、
9.四种输出方式
<script>
alert('这周降温了');
</script>
<script>
// 控制台输出 控制台打印
// 我们一般在开发的时候都会利用这个方法来测试我们的代码
console.log('明星真优秀');
</script>
<script>
document.write('<h1>坏蛋是怎样练成的</h1>');
</script>
<body>
<a href="" id="a1">
前端
</a>
<script>
// innerHTML是获取标签中间的内容
var a = document.getElementById('a1');
console.log(a.innerHTML);
</script>
</body>
10.注释
<script>
// 单行注释
/**
* 多行注释
* /
/*
这也是一个多行注释
*/
</script>
11. 什么是变量
变量的定义: var a = 1;
变量的定义2: 变量的声明 var b;
初始化 b = 2;
12.变量是可以重复定义的
变量是可以重复定义的,但是不建议,我们在开发的时候也不会这样写
<script>
var a = 1;
var a = 2;
</script>
在默认情况下,js是非严格模式,不加var也可以定义变量,但是在严格模式下必须要加var,不加var就报错
es6都是严格模式,在es5中加 'use strict'; 表示使用严格模式
13.命名规范
(1)只能以字母、_ 、$ 开头,后面可以跟字母、_ 、$和数字,不能以数字开头
(2)严格区分大小写
(3)不能以关键字定义为变量
变量的命名
<script>
// 小驼峰
var userName = 'liyifeng';
// 大驼峰
var UserName = 'luozhixiang';
// 下划线
var user_name = 'wuyifan';
</script>
14.数据类型的基本分类
js的数据类型
(1)基本数据类型
a. string 字符串
b. number 数字
c. boolean 布尔
d. undefind 未定义
e. null 空
f.symbol 常量
(2)引用数据类型
a. object 对象
b. array 数组
c. function 函数