JavaScript基本介绍

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

组成部分：

ECMAScript，描述了该语言的语法和基本对象。
BOM，浏览器对象模型。
DOM，文档对象模型。

基本特点：

交互
安全
跨平台

JS和HTML的结合方式：

使用html中的标签<script type="text/javascript">js代码</script>
使用html的标签，引入外部的js文件【开发项目常用方式】<script type="text/javascript" src="js文件路径"></script>

注意一：不要在script标签里面写js代码了，不会执行；

注意二：结束script标签</script>,不要在标签内结束。

JS的变量声明和数据类型：

在js里面如何声明变量，都是使用一个关键字var
js的原始类型（5个）：string、number、boolean、null、undefined
typeof（变量的名称）：查看当前变量的类型

JS的引用类型和类型转换：

引用对象：

Object对象：所有对象都由这个对象继承而来

Boolean对象：Boolean原始类型的引用类型

Number对象：Number原始类型的引用类型

类型转换：

转换成字符串

转换成数字：parseInt()和parseFloat()

强制类型转换：

Boolean（value）把给定的值转换成Boolean型

Number（value）把给定的值转换成数字（可以是整数或浮点数）

String（value）把给定的值转换成字符串

JS的语句：

 1.if语句

2.switch语句

3.while循环语句

4.for循环语句

5.使用document.write()向页面输出内容（可以向页面输出变量；可以向页面直接输出html代码）

JS练习99乘法表：

JS的运算符：

1.算术运算符：

+ - * /

2.赋值运算符：

+=含义：x+=y相当于x=x+y

3.比较运算符：

==表示条件的判断，如果是=，表示赋值

4.逻辑运算符：

&& ||  ！

5.js的运算符和java不同

1）js里面不区分整数和小数

2）字符串的相加和相减操作（字符串相加是字符串的拼接操作，字符串相减是真正的相减运算，如果字符串不是数字提示NaN）

3）boolean类型相加和相减的操作（如果布尔类型值是true，把类型当成1运算；如果布尔类型值是false，把类型当成0运算）

4）==和===的区别：==是比较值；===是比较值和类型

JS的数组：
js的定义数组的方式：
1.var arr1=[];
2.var arr2=["10",10,true];
3.var arr3=new Array(3);
4.var arr4=new Array(4,5,6);
数组里面的属性：
arr.length  数组的长度
js数组长度可以改变
数组的最大长度是最大下标+1，为赋值的位置默认空字符串
JS的String对象：
1.字符串对象
创建字符串：var a="abc"; var b=new String("bb");
2.属性length 字符串的长度
3.方法
1）第一类与html相关的方法（设置字符串的样式的方法）
bold() 加粗显示字符串
fondcolor() 使用指定颜色显示字符串
fontsize() 使用指定大小显示字符串（1-7）
link() 将字符串显示为链接
2）第二类与java相似的方法（在java里面也有类似的方法）
charAt（） 返回在指定位置的字符，如果位置不存在，返回空字符串。
concat（） 连接字符串
indexOf（） 检索字符串，如果没找到会返回-1
split（） 把字符串分割为字符数组
substr（start，length）从哪个位置开始，向后取几位
substring（start，stop）提取字符串之间的字符串
JS的Array对象：
1.创建数组
2.length属性
3.方法
1）concat（） 连接数组
2）join（） 把数组根据指定的字符串进行分割
3）pop（） 删除并返回数组的最后一个元素
4）push（） 向数组的末尾添加元素，并返回新的长度
5）reverse（） 颠倒数组中元素的顺序
JS的Math对象
1.进行数学运算，直接使用 Math.方法名称 调用
2.方法
1）ceil（） 对一个数进行向上舍入
2）floor（） 对一个数进行向下舍入
3）round（） 对一个数进行四舍五入
4）random（） 返回0-1之间的随机数
JS的Date对象
1.进行日期操作的对象
2.使用Date对象，new Date();
3.方法
1）toLocaleString()根据本地时间格式
2）getFullYear()得到当前的年
3）getMonth（）（范围0-11）得到当前的月
4）getDay（）（范围0-6）得到当前的星期 星期日返回的是0
5）getDate（） 得到当前的天
6）getHours（） 得到当前的小时
7）getMinutes（）得到当前的分
8）getSeconds（）得到当前的秒
9）getTime（） 得到毫秒数
JS的RegExp对象
1.正则表达式
2.正则表达式：规定字符串出现的规范
3.使用：new RegExp（“正则表达式”）
4.方法
test（）检索字符串中指定的值。存在返回true，不存在返回false
5.代码
JS的bom对象
1.script标签放置的位置
*建议放到</body>后面
*html的解析式从上到下进行解析的。
2.bom：浏览器对象模型
第一个：navigator 获取浏览器的信息
第二个：screen 获取屏幕的信息
第三个：history 访问地址的
方法：
go（）
第四个：location 设置url
方法：
href（）
第五个：window（）
window对象是窗口对象，是顶层对象。
方法：
1）setInterval()在指定的时间内，重复执行js代码
*有2个参数
*第一个参数是要执行的js代码（js的方法），第二个参数是执行时间
*代码
setInterval（“alert('setInterval')”,3000）；
2）setTimeout（）在指定的时间之后，执行js代码
*有2个参数
*第一个参数是要执行的js代码（js的方法），第二个参数是执行时间
*代码
setInterval（“alert('setTimeout')”,3000）；
3）clearInterval 清除通过setInterval设置的定时器
4）clearTimeout清除通过setTimeout设置的定时器
JS的全局变量和局部变量：
**回顾：在java里成员变量
1.全局变量
在js里，如果一个script标签里面定义变量，在页面中的其他script标签里面都可以使用
2.局部变量
在js的方法里面定义一个变量。这个变量只能在方法里面使用。
3.浏览器里面自带调试工具
点F12，控制台（console），出现调试的工具
JS的全局函数：
1.不属于任何对象，可以使用函数
2.主要的函数：
eval：
把字符串当成js代码执行
isNaN：
检查某个值是否是数字
parseInt：
解析一个字符串并返回一个整数
encodeURI:
把字符串编码为URI
decodeURI:
解码某个编码的URI

------未完待续------