JavaScript基础简介

markDown

JavaScript是一种轻量级标记语言，与html类似，支持以简单文本进行内容书写，然后使用编辑工具转换为html标签格式

通过相应的标记进行相应文档标识，可以使用文字与符号的组合完成文档样式的书写定义

https://www.jianshu.com/p/191d1e21f7ed/

javaScript概述

HTML语言是一种标记语言，用于定义页面内容和表现形式，不具备逻辑性，不能与用户进行交互，javascript简称JS就是用来在页面进行书写逻辑性语句，使页面具有简单逻辑性并与用户进行交互的语言

---

javascript的组成

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Z36xJ5Ds-1601108897361)(\img\image-20200824092710006.png)]

大致分为两部分

1. 基本语法：就是js书写的基本语句
2. 内置对象：在打开浏览器标签输入网址后，针对当前网址创建的对象（浏览器自动创建，可以直接使用）

内置对象继续进行划分

1. BOM对象（(Browser Object Model)）：浏览器对象
2. DOM对象（Document Object Model）：文档对象

javascript基本语法

js与html一样都是解释性执行语言，浏览器直接获取执行源代码进行解析（按行获取解析），没有java的预编译，所以对于错误的提示与检测没有java那样严格，但是尽量规范语法

书写位置

js代码块可以书写在html中任意位置一般书写在head或body下，但是根据相应的使用情况进行书写，否则可能造成脚本执行的错误

js语句块

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

hello world示例

        <script type="text/javascript">
           document.write("hello world!");
        </script>

js语法也要求每句代码以;结尾但是不强制要求

javascript变量

js变量语法：

声明：使用关键字var进行声明

var 变量名;

赋值：为声明好的变量进行赋值

变量名=值;

通常变量的声明赋值一同进行

var count=1;

javaScript是一种弱类型语言，进行变量声明时同一使用var，声明的变量类型会自动根据存入的值进行改变

javaScript数据类型

Number类型：分为整型和实型
例如:　15 2.9 4E5
String类型
例如　“abc” “jack ” ‘单引号双引号相同’
Null类型
只有一个值，即null。Null是一个位符，表示一个变量已经有值，但值为空
Boolean类型
布尔类型只取两个值true或false
Undefined
变量没有定义

typeof操作符

由于javascript是一种泛数据类型的语言，需要有一种方法来检测指定变量的数据类型，返回如下字符串：
“undefined”——如果这个值未定义
“boolean”——如果这个值是布尔值
“string”——字符串值
“number”——数值
“object”——对象或null
“function”——函数

        <script type="text/javascript">
            // 使用typeof检测变量类型
            document.write(typeof "hello") //string
            document.write("<br>")
            document.write(typeof false) //boolean
            document.write("<br>")
            document.write(typeof 13515) //number
            document.write("<br>")
            document.write(typeof document) //object
            document.write("<br>")
            document.write(typeof a) //undefined
        </script>

javaScript运算符

类型	运算符
算术运算符	+ - * / % ++ –
赋值运算符	= += -= *= /=
比较运算符	> < >= <= == !=
逻辑运算符	&& || !

与java中使用方式相似（大部分一致）

javaScript流程控制语句

**顺序流程控制语句：**js执行顺序与加载顺相同：从上至下，从左至右逐条执行

**选择（分支）流程控制语句：**根据条件表达式进行执行语句的选择

语法1:

if(布尔表达式){语句块1}else{语句块2}

根据布尔表达式返回的值，为true执行代码块1，false执行代码块2

        //选择流程控制语句if else
        if (true) {
            document.write("true")
        } else {
            document.write("false")
        }

语法2:

//选择流程控制语句switch case
switch(变量){case 值1:代码块1;break;  case 值2:代码块2;break; ....;default:默认代码块;}

根据case后的值与变量实际值进行匹配，匹配成功执行相应代码块，break结束当前分支语句，default当没有匹配代码时执行

        //选择流程控制语句switch case
        var value = 3;
        switch (value) {
            case 1:
                document.write(1);
                break;
            case 10:
                document.write(10);
                break;
            default:
                document.write("默认");
        }

**循环流程控制语句：**重复执行一段相同的代码块

语法1：

while（循环条件）{循环体}

当循环条件满足时执行循环体，在循环体代码执行中需要对循环条件的判断进行修改，否则会造成死循环

        //循环流程控制语句while
        var i = 1; //初始化变量
        while (i) { //循环条件
            document.write(i + "<br>"); //循环代码块
            i++; //迭代语句
        }

语法2：

do{循环体}while(循环条件)

先进行循环体的执行之后进行循环条件判断

        //循环流程控制语句 do ..while
        do {
            document.write(i + "<br>"); //循环代码块
            i++; //迭代语句
        } while (i <= 20);

语法3：

for(初始化变量;循环条件;迭代语句){循环体}

根据初始化变量 循环条件 迭代语句进行有限次数的循环

        //循环流程控制语句 for
        for (var j = 1; j <= 10; j++) {
            document.write(j + "<br>"); //循环代码块
        }

流程跳转语句

break：结束当前循环代码块

continue：结束本次循环进入下次循环

注释

javascript中常使用两种注释

单行注释：以//进行注释 注释//后本行所有文本

多行注释：以/*开始以*/结束 注释多行包裹内容

对话框

对话框的分类

1、警告对话框alert

用于进行指定信息的提示，拥有提示信息与确认按钮

alert("警告信息")

2、提示对话框prompt

带有输入框的提示框，拥有提示信息、输入框、确认按钮、取消按钮，执行结束后会根据提示框输入的内容返回数据（字符串）

var color=prompt("提示信息", "输入框默认内容");

3、确认对话框confirm

与提示对话框相似,拥有提示信息、确认按钮、取消按钮，但返回的是根据选择确认 取消的boolean

var a = confirm("你是不是一个帅哥?");