本文链接：https://blog.csdn.net/m0_56557880/article/details/120559959

1.JS的作用

实现动态效果

减轻服务器压力(点击网页可以在本地进行一些基础判断，比如是否是邮箱等，不必必须发送请求至服务端)

2.JS定义

JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。

js是一种面向对象的语言

js是一种弱语言

js是一门客户端脚本语言（可以在浏览器上运行）

3.JS组成

ECMAScript

DOM D:Document

BOM B:Brower

4.JS的基本结构

<script type="text/javascript">
    alert("你好，欢迎登录") //弹框
    document.write("哈哈哈哈哈哈哈哈哈") //页面显示
</script>

5.JS的基本原理

6.JS引入方式

6.1行内引入

<input type="button" value="点击" onclick="javascript:alert('呵呵');"/>

6.2内部引入

<script type="text/javascript">

</script>

6.3外部引入

<script src=" " type="text/javascript"></script>

7.JS核心语法

7.1变量

只有一个类型var：三种方式：

var a = 123

var a; a = "哈哈"

a = 123

第一种常用，声明+赋值

查看数据类型的方法alert(typeof(a))

7.2数据类型

undefined 未定义类型：

<script type="text/javascript">
    var aa;
    alert(aa);
</script>

null 也算一种类型：

if (aa==null) {

alert("真")

}

alert(aa==null)

number类型：

a=123;

a1=1/2

a2=5.5

alert(typeof(a));

alert(typeof(a1));

alert(typeof(a2));

boolean类型：

alert(1==2)

string类型单双引号：

var s1 = "哈哈";

var s2 = '嘿嘿';

alert(s1);

alert(s2);

alert(s1,s2);显示第一个，不会报错

7.3语法

7.3.1常用函数string

alert(s1.length); 长度

alert(s1.charAt(1)); 返回第几个，从0开始

alert(s1.indexOf("aaa")); 返回第一次出现的单词的下标

alert(s1.substring(3,6)); 截取，前闭后开

alert(s1.split(" ")); 切割

7.3.2数组

创建数组：

//创建数组的第一种方式

var array = new Array(5);

//创建数组的第二种方式

var array2 = [];

添加数据：

//给数组添加数据

// array[0] = 23;

// array[2] = "abc";

// array[3] = true; //随意赋值，没有类型限制，重新赋值会覆盖

array[6] = 11 //长度会变成7，定义的长度没约束作用，无类型限制要求

//给数组添加数据的第二种方式

array2.push(2,0,'哈哈'); // 可以一次多个赋值

//遍历数组：

for (var i = 0; i < array2.length; i++) {

document.write(array2[i] + ' ');

}

for (var i in array2){

document.write(array2[i]);

}

7.3.3常用方法

alert(array2.join("www"));以www连接

push() 添加元素

length 属性，长度

7.4企业常用控制语句

if else

for语句

7.5输入输出

var flag = prompt("提示信息", "输入框的默认信息");

自己就是一个提示框

7.6函数

7.6.1常用系统函数

typeof() 输出类型

var a = "123";

alert(typeof(a));

parseInt() //转换为number类型

var b = parseInt(a);

alert(typeof(b));

从string转换为number类型，但是var a = "哈哈";，任然会显示转换为了number形式，可以利用isNaN判断

isNaN() //是数字为false，不是数字是true

注意点：

var a = parseInt("123d");

alert(a) //输出的是123，不会报错

7.6.2自定义函数

有名函数

function a(){

alert("哈哈");

}

匿名函数

var haha = function(){

alert("嘿嘿");

}

8.拓展

var a = [];

alert(typeof(a)); // object类型，无法判断