JS是什么?
JS是一种运行在客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能
浏览器就是一种运行JS脚本语言的客户端,JS的解释器被称为JS引擎,为浏览器的一部分
一.JS 的组成
1.ECMAScript:定义js的语法组成,描述了语言的基本语法和数据类型,js怎么写要根据它来
2.DOM(Document Object Model):文档对象模型 ,有一套成熟的可以操作页面元素的API,通过DOM可以操作页面中的元素,比如增加个div,减少个 div,给 div 换个位置等
API: (application programming interface)
应用程序编程接口;大白话:别人写好的代码,或者编译好的程序,提供给你使用,就叫作api
3.BOM(Browser Object Model):浏览器对象模型,有一套成熟的可以操作浏览器的API,通过BOM可以操作浏览器,比如弹出窗,浏览器跳转,获取浏览器尺寸
二.js 的三种书写方式
1.行内式
<div onclick="alert('hello word')"></div>
2.内嵌式
<script>alert("你好")</script>
3.外链式
<script src="js存储的路径"></script>
三.js 定义变量
3.1什么是变量?
变量是计算机存储数据的标识符,通过这个变量名可以找到内部存储的数据
变量就相当于一个容器,内部可以存放任何数据类型的值,使用变量的时候,就相当于是使用的是内部存放的数据
3.2为什么要定义变量?
方便修改或者获取内存中的数据
3.3如何定义变量?
使用一个 var 的关键字进行定义,后面必须加一个空格,空格后面自定义变量名
var 变量名
var a;
var b;
var c;
3.4变量赋值
1.变量定义了之后没有赋值的话,里面有个默认值undefined(表示变量未赋值,但是可以存储数据了)
2.变量赋值的方式:通过等号 = 赋值,等号右边的值赋值给左边的变量 ==(等号在 JS 中叫做 赋值号;书写时,等号 = 两侧习惯书写一个空格)==
var a //变量定义
a=1 //变量赋值
var a=1 //变量定义并赋值
var a=100 //将100赋值给a
3.5使用变量
先定义好变量,之后直接写变量名就可以使用了
3.6变量命名规则(必须遵守,不遵守会报错)
(1)只能由字母,数字,下划线和$组成,且不能以数字开头
(2)变量严格区分大小写
(3)不能是关键字或者保留字(关键字就是js里面有特殊意义的单词,保留字就是目前没有特殊意义,但在将来的语法中可能成为关键字的词)
3.7变量命名规范(建议遵守的,不遵守不会报错)
(1)变量名有意义,尽量做到见名知意
(2)使用驼峰命名法:bigbox->bigBox
四. JS的数据类型
基本数据类型:
1.数值类型Number(所有的数值,正数浮点数正数负数等)
2.字符串类型String(只要引号包起来的都是,不管单双引号)
3.布尔类型Boolean(true false)
4.undefined类型(定义一个变量未赋值的时候,默认就是undefined;他是一个数据,表明未定义)
5.null类型(是一种数据类型,代表的是空)
*在创建对象的时候,如果开始不知道对象内部有什么,可以给一个null
五. JS 的数据类型检测
- 定义:通过一个方法 去检测 数据类型的值是什么
- 语法:typeof(要检测的数据类型的值)
- 注意点:typeof的问题就是不能正确检测出null这个类型的实际类型,检测null的时候打印结果为object(因为null 代表的含义是空,也就是空对象,所以 typeof 会把他对象去输出)
var str1='100'
var str2=100
var str3
var str4=true
var str5=false
var str6=null
console.log(typeof(str1)) //string
console.log(typeof(str2)) //number
console.log(typeof(str3)) //undefined
console.log(typeof(str4)) //boolean
console.log(typeof(str5)) //boolean
console.log(typeof(str6)) //object