JavaScript

javascript的概述

1.什么是javascript，有什么用？

javascript是一种运行在浏览器上的脚本语言，简称JS。

Js是网景公司，布兰登艾奇是js之父，最初叫livescript。

Js是一个事件驱动型的编程语言，依靠事件去驱动，然后执行程序，在js中有很多事件：鼠标点击，单词：click

Js中事件会对应一个事件句柄叫做：onclick

Js中事件和事件句柄的区别是：在事件单词前添加一个on，而事件句柄是以HTML标签属性存在的。 

2.onclick="JS代码"执行原理是什么？

页面打开的时候，js代码并不会执行，只是把这段代码注册到click事件上了，等这个按钮发生click事件后，注册在onclick的js代码会被浏览器自动调用。

3.怎么使用js代码弹出消息框？

在JS中有个内置对象叫做window，全部小写，可以直接拿来使用，window代表的是浏览器对象，window对象有一个函数叫做：alert，用法是：window.alert(”消息“)；这样就可以弹窗了

JS脚本块

1

<script type="text/javascript">
  // js代码

window.alert("hellow,word")

</script>

JS脚本块里中的程序必须遵守自上而下的顺序逐条执行；

JS基本块在一个页面可以出现多次，没有要求，出现的位置也没有要求，随意；

JS注释

这是JS代码中的单行注释（//）

这是JS代码中的多行注释（/*  */）

JS引入脚本文件

1

<script src="" type="text/javascript" src="文件路径">
</script>

 

在需要的位置引入js脚本文件；

在引入独立的js文件的时候，js文件中的代码会遵循自上而下的顺序来逐条执行；

同一个js文件可以被调用多次，但实际开发中这种需求很少；

JS中的变量

怎么声明变量？

var 变量名；

怎么给变量赋值？

变量名=值；

javascript是一种弱类型语言，没有编译阶段，一个变量可以随时赋值；

JS函数初步 

JS中怎么定义函数？

语法格式： 

第一种方式：

     function  函数名（形式参数列表）{

函数体

}

第二种方式：

     函数名 =  function （形式参数列表）{

函数体

}

   函数必须调用才会被执行

  JS中不需要指定返回值类型，返回什么类型都可以

    全局变量和局部变量

 全局变量： 

  在函数体外声明，全局变量的生命周期：

   浏览器打开时声明，浏览器关闭时销毁，尽量少用。在浏览器内存当中，耗费内存空间。

  局部变量：

  在函数体当中声明 函数中的形参也属于局部变量  局部变量的生命周期：

   函数开始执行时局部变量的内存空间开辟，函数执行结束后，局部变量的内存释放。

    JS中的数据类型

 1  JS中类型有原始类型和引用类型;

    原始类型：

  undefind——number—— string——boolean——null；

    引用类型：object以及object的子类；

2JS中有一个运算符叫typeof这个运算符可以在程序运行阶段动态的获取变量的数据类型

    typeof语法格式：

     typeof  变量名；

    typepof运算符结果是以下6个字符串之一，注意字符串都是小写

       "  undefind——number—— srtring——boolean——object——function"

   undefind类型：只有一个值，这个值就是undefind，当一个变量没有赋值时，系统默认赋值undefind；

   number类型：包括整数，小数，正数，负数，不是数字，无穷大的的都属于number；

   boolean类型:js中的boolean类型只有两个值true和false

                        在boolean类型中有一个函数叫做:Boolean（）；

                        语法：

                        boolean（数据）；

                       boolean（）函数作用就是将非布尔类型转换为布尔类型。

   string类型： 在JS当中字符串可以使用双引号也可以使用单引号

                          var  x1=" abc"

                         var  x2 = 'abc'

             创建字符串对象：

                         第一种方式:

                              var x1="abc";

                        第二种方式：

                             var  x2=new  String（”abc“）； 

            String 是一个内置类，可以直接使用，String 的父类是object；

     String 类型 的常用属性和函数：
             常用属性：

                              length   获取字符串的长度；

          常用函数：

                           indexof：获取指定字符串在当前字符串中第一次出现处的索引

                            lastindxof：获取指定字符串在当前字符串中最后一次出现处的索引

                                 replace：替换

                                     substr： 截取子字符串

  　　　　　　　　　　  substring：截取子字符串

　　　　　　　　　　　　 tolowercase：转小写

                                                touppercase” 转大写

                                                   split：拆分字符串

    substr 和substring的区别：

       substr（start index，length）

       substring（startindex，endlndex）（注意：不包含endlndex）。

   Object类型：

      object类型是所有类型的超类，自定义的任何类型都默认继承了object；

      object包含的属性：

      prototype属性（主要用这个） 作用：给类动态扩展属性和函数；

      constructor属性

        object 包含的函数：

      tostring（）

     valueof（）

      tolocalestring（）

         在JS当中怎么定义类：

               定义语法：

                             第一种方式：

                                     function  类名（形参）{

 

 

}

                              第二种方式 ：

                                      类名=function（形参）{

}

               创建对象的语法：

                           new 构造方法名（实参）

  void 运算符的语法：void（表达式） void（0）；

     运行原理：

                      执行表达式，但不返回任何结果

                        javascript：void（9）；

                    其中javascript：作用是告诉浏览器后面是一段代码

   JS控制语句

        if语句

       switch语句

 while语句

do~while语句

for循环语句

 break

continue

创建JS数组

var arr= [true,1,3.14];

遍历数组

for( var i=0;i<arr.length;i++){
alert(arr[i]);
console.log(arr[i]);
}

   1   javasrcipt包含三大块：

　　ECMASrcipt：JS的核心语法（Es的规范/ECMA-262标准）

        DOM：document object model（文档对象模型：对网页当中的节点进行增删改的过程）HTML文档被当成一个DOM树来看待

 　　　　　var   domobj=document.getElementByid("id");

        BOM：browser  object model（浏览器对象模型）

                    关闭浏览器窗口-打开一个新的浏览器窗口-后退-前进都是BOM编程

    2DOM和BOM关系

       　　BOM：bom的顶级对象是：window

　　　　DOM：dom的顶级对象是：document

              实际上bom包括dom的

 innertext和innerHTML

   innertext和innerHTML有什么区别：

             　　相同点：都是设置元素内部的内容；

　　　　　　不同点：innerHTML会把后面的字符串当作一个html代码来执行

                                   innnertext即使后面是一段html代码，也将其当作普通的字符串来看待

1 什么是正则表达式？

    正则表达式：regular Expression

     正则表达式主要用在字符串格式匹配方面。

  2正则表达式实际上一种独立的学科，在java语言支持，c语言支持，js支持。

    正则表达式最初出现于医学上，表示神经符号等。

     正则表达式目前使用最多的是计算机领域，用作字符串格式匹配，包括搜索方面。

3正则表达式对于js编程需要掌握哪些内容？

　　第一：常见的正则表达式的符号要认识

　　　常见的正则表达式的符号？

　　　　. 匹配除换行符以外的仍和字符

　　　　\w匹配字母或数字或下划线或汉字

　　　　\s匹配任意的空白符

　　　　\d匹配数字

　　　　\b匹配单词的开始或结束

　　　　^匹配字符串的开始

　　　　$匹配字符串的结束

 

　　　　*重复零次或更多次

　　　　+重复一次或更多次

　　　　？重复一次或一次

　　　　{n}重复n次

　　　　{n，}重复n次或更多次

　　　　{n，m}重复n到m次

 

　           \W匹配任意不是字母或数字或下划线或汉字

　　　　\S匹配任意不是的空白符

　　　　\D匹配任意非数字的字符

　　　　\B匹配不是单词的开始或结束的位置

　　　　[^x]匹配除了x以外的任意字符

　　　　[^aeiou]匹配除了aeiou这几个字母之外的任意字符

　　　　正则表达式中的（）是优先级最高的

　　　　[1-9]表示1-9的任何一个数字次数是一次

　　　　[A-Za-z0-9]表示A-Za-z0-9中的任意一个字符

　　　　[A-Za-z0-9-]表示A-Za-z0-9-以上所有字符中的任意1个字符

 

　　第二：简单的正则表达式要会写

　　　　qq号的正则表达式：^[1-9][0-9]{4,}$

　　第三：他人编写的正则表达式要能看懂

　　　　email正则：/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$

　　第四：在js中怎么创建正则表达式对象（new对象）

　　　　第一种方式：

　　　　　　　　　　var regExp=/正则表达式/flags；

　　　　第二种方式：

 　　　　　　　　　var regExp=new regExp（"正则表达式"，"flags"）;

　　　　关于flags：

　　　　　　　　　g:全局匹配

　　　　　　　　　i:忽略大小写

　　　　　　　　　m：多行搜索（ES规范制定之后才支持的m）当前面是正则表达式的时候，m不能用，只有前面是普通的字符串的时候，m才能使用

　　

 

　　第五：要能快速的能在网上找到自己需要的正则表达式并且有效性

 

　　JSON

　　1 什么是JSON，有什么作用？

 　　 　　javascript  object　notation 简称 JSON（数据交换格式）

　　　　　　JSON的作用是：一种标准的数据交换格式（目前非常流行都是采用JSON）

　　　　　　　　JSON也可以称为无类型对象

　　2.JSON是一种标准的轻量级的数据交换格式 ；特点是：

　　　　　体积小，易解析；

　　3.在实际开发中有两种数据交换格式，使用最多的其一是JSON另一个是xml

　　　　　xml体积大，难解析。

　　　　　　　优点是：语法严谨。

　　4.JSON的语法格式：

　　　　　　var stundent={

　　　　　　　"属性名"："属性值",

　　　　　　　"属性名"："属性值",

　　　　　　　"属性名"："属性值",

              　　    "属性名"："属性值",

　　　　　　    "属性名"："属性值",

　　　　　　    "属性名"："属性值",　

　　　　　　　　　　　　　　};

　　　　eval函数

　　　　　　eval函数的作用是什么：

　　　　　　　　　　　　　　　　将一个字符当作一个js代码解释并执行