JS基础笔记

一、js 的概述
1、什么是 js
  JavaScript 是一种基于对象和事件驱动的 , 并具有安全性能的脚本语言。它具有以下三个特点：

向HTML页面中添加交互行为
脚本语言 , 语法和Java类似
解析型语言 , 边执行边解释
2、js 的结构

  <script> … </script> 标签可以放在 文档中的任意一个地方，一般放在头部或尾部。

二、引入 js 的两种方式
1、外部导入或 script 标签
  外部引入 js 文件的方式代码如下:

<script src="export.js" type="text/javascript"></script>

  或者把 js 语法写到 script 标签内。

2、写在HTML内部
还有一种方式就是把 js 语句写在 HTML 标签内，代码如下：

<input name="btn" type="button" value="弹出消息框"
οnclick="弹窗"/>
1
2
三、js 的三种常用输出方式
1、弹窗的形式
  可以通过在网页中弹窗的方式来输出，代码如下：

<script>
        alert("###");    
 </script>

2、输出在网页上
  输出在网页上，代码如下：

<script>
        document.write("###");     
 </script>

3、在控制台输出
  这种方式输出在控制台上（网页上 f12 进入，然后点击 Console ，即可进入控制台），语法如下：

  <script>   
        console.log("###");     
    </script>

四、js 的基本语法
1、数据类型
  js 中数据类型有以下几种：
1.undefined：当你定义一个数没有给他赋值的时候，将被赋值为 undefined

2. null：表示一个空值，与 undefined 的值相等
3. number：所以的数值类型均为 number
4. boolean：true 和 false
5. string：字符和字符串均为 string

2、定义变量
  在 js 中定义一个变量的时候，和 java 有所区别。java 中是 类型 +变量名 = 变量值，但是在 js 中 统一使用 var 定义，格式为： var + 变量名 = 变量值，无论什么类型都这样定义，实例代码如下：

<script>
        var a ;
        a = 1 ;
        var b = "字符串";
        var c = true;
        var d = 13.14;
    </script>

3、创建数组
  创建数值的的格式为：

var 数组名称 = new Array(5);

其中 Array 是表示数组的关键字

  为元素赋值的方法和 Java 中类似 ，可以在创建数组的时候直接赋值，也可以根据下标进行单个赋值，代码如下：

  <script>
        //方式一
        var a = new Array("1", "2", "3");
        //方式二
        var b = new Array(3);
        b[0] = "1"
        b[1] = "2"
        b[2] = "3"
    </script>

js 的数组中常用的方法有几下几个：

类别    名称    描述
属性    length    设置或返回数组中元素的数目
方法    join( )    把数组的所有元素放入一个字符串，通过一个的分隔符进行分隔
方法    sort()    对数组排序
方法    push()    向数组末尾添加一个或更多 元素，并返回新的长度
4、运算符号
  运算符号有以下几种，和 Java 中使用方法一样

类型    运算符
算术运算符    + - * / % ++ —
赋值运算符    = += -=
比较运算符    > < >= <= == != === !==
逻辑运算符    &&  ||  !
5、弹窗提示
  在网页中我们可以设置一些弹窗提示一些操作，

alert() ：提示一些文字
prompt()：可以输入文字的提示框