1、JS的简介、基础
一个完整的JavaScript是由三部分组成的,分别是ECMAJavaScript(JS的标准)、BOM(文档对象模型)、DOM(浏览器对象模型);
2、JS的helloworld
①JS的代码是需要写在script的标签中;
<script type="text/javascript"></script>
②控制浏览器弹出一个警告框;
<script type="text/javascript">
alert("这是我的第一行js代码!");
</script>
③让计算机在页面中输入一个内容,这个内容是在body中显示的;
<script type="text/javascript">
document.write("这是我的第一行js代码!");
</script>
④向控制台中输出一个内容;
<script type="text/javascript">
console.log("这是我的第一行js代码!");
</script>
3、JS编写的位置
JS的代码是编写在script的标签中,若要引入外部的js文件,也可以通过script标签来引入:
<script type="text/javascript" src="路径"></script>
备注:
1)引入的外部js文件可以运用到不同的页面中
2)script标签一旦引入外部文件,就不能在里面进行编写js 代码,即使编写,浏览器也会忽略;如果需要编写,则需要再新建一个script标签编写即可。
4、JS的基本语法
①JS的注释
/* */:多行注释,注释的内容不会被执行,在源代码中可以进行查看;
//:单行注释,只对本行后面的内容起作用。
②
1)js中严格区分大小写;
2)js中的每一条语句都是以分号结尾;
3)js中会忽略多个空格和换行,所以可以利用空格和换行对代码进行格式化。
5、字面量与变量
①字面量,都是一些不可以改变的值;
字面量是可以直接使用的,但是我们一般不会直接使用字面量。
②变量:可以用来保存字面量,而且变量的值是可以任意改变的,在开发过程中是通过变量去保存一个字面量的。
③声明变量
在js中是使用var关键字来声明变量的
例:
var a=123;(声明了一个变量a,并且为变量a赋值为123
6、标识符
①在js中所有可以自主命名的都可以称为标识符
例如:变量名、函数名、属性名这些都属于标识符
②命名标识符的规则:
1)标识符可以含有数字、字母、_(下划线)、$
2)标识符不能以数字开头
3)标识符不能是ES中的关键字、或保留字
4)标识符一般采用驼峰命名法(首字母小写,每个单词开头字母大写,其余字母小写)
例:xxxYyyZzz
7、数据类型
数据类型指的是字面量的数据类型,在js中有6中数据类型:
基本数据类型:String(字符串)、Number(数值)、Boolean(布尔值)、Null(空值)、Undefined(未定义);
引用数据类型:Object(对象);
7.1 String 字符串
①在js中字符串是需要用引号引起来的
例:var str=“Hello!”;
②使用双引号或单引号都可以,但是不要混着用
③引号不能嵌套,双引号中不能放双引号,单引号中不能放单引号
④在字符串中可以使用\作为转义字符,当表示一些特殊字符时可以使用\转义
如:\" 表示 "
\n 表示 换行
\t 表示 制表符
\\ 表示
注意:
alert("str"); 输出字面量
alert(str); 输出变量
例:
var str=“hello!”;
str=“123”;
str=“w”;
alert(str);
此时输出的结果应该为w,因为js代码是由上到下执行的,下面的代码在修改str的值,所以最后输出为w;
7.2 Number 数值
①在js中所有的数值都是Number类型,包括整数和浮点数
②可以使用一个typeof来检查一个变量的类型,
语法:typeof 变量;
③js中最大数值和最小数值(0以上的最小数值)
最大值为:Number.MAX_VALUE;
最小值为:Number.MIN_VALUE;
(NaN是一个特殊字符,表示Not A Number,也是一个字面量)
7.3 Boolean 布尔值
①布尔值只有两个:true(真)和false(假)
使用typeof检查一个布尔值时,会返回boolean;
7.4 Null和Undefined
①Null类型的值只有一个null,null这个值用来表示一个为空的对象。
使用typeof检查一个null值,返回的是object
②Undefined类型的值只有一个undefined,当声明一个变量未赋值时,会输出undefined。
使用typeof检查一个undefined,会返回一个undefined。