JavaScript

来源：互联网发布：php技术编辑：程序博客网时间：2024/06/05 01:58

最近发现文章中的截图不在了干脆把笔记做成了PDF文件上传，下载：点击打开链接

在head标签中使用，js代码<head><script></script></haed>

Console.log<”字符”> 测试类型抓取log

注：在JS内注释使用//。Js里面一起皆是对象，对象可以看作一个类型，基于这个类型创建一个对象可调用该类型里面的函数。

变量和数据类型

变量：存放数据的容器，是内存一块小空间。

      变量分为全局变量和局部变量。

Var：声明变量的一个单词。

数据类型：数据的种类

JavaScript中的数据类型：

基本的类型：数字、字符串、布尔值（甄别数据的错与对）

数字：就是阿拉伯数字

字符串：就是双引号中的多个字符串联起来

布尔值：true    false

特殊的类型（当浏览器出现提示时）：未定义的（undefined）、空（null）、非数字（NaN）

变量的命名规则：由字母、数字、下划线、美元符号$、组成   \n（换行,在字符串中加入）

要求：不能以数字开头，不能使用关键字（被系统使用过，已经具备某种含义的一些特殊单词），不能有空格，见名知意。

注：JS是弱类型语言（不死特别严格的语言），如第二个类型要覆盖第一个类型只需在第一个类型加var

列子：var 名字=类型

Alert（名字+添加的类型）

定义数组：访问元素：数组名[ 下标（数字）]

注：下标从数字0开始。”\n”+（换行），“\t”(空格)。

列子：

对象类型：arry  abject

注：每个属性结束后用，号隔开。

列子：

测试：

运算符：赋值运算符、逗号运算符、

算术运算符（+、-、*、/、%）、

关系运算符（>(大于)、<(小于)、==（等于）、>=(大于等于)、<=（小于等于）、！=（不等于）、==（全等于））

逻辑运算符（&&（与，同真则真，一假则假）、||（或，一真则真，同假则假）、！（非，去反，真变假，假变真））

三目运算符（？A：B（如果？前面的运算值等于A就显示A，如果等于B就显示B））

自增（++，在原来的基础上加1，==>++单目运算符，）、自减（--，在原来的基础上减1）

复合赋值运算符（+=、-=、*=、/=、%=，在原来值上进行运算，先计算后赋值。）

注：运算优先级：单目>乘除>加减>关系>逻辑>赋值>

列子：

流程控制-if

流程程控：

顺序：按照代码的排序先后依次执行。

选择：根据判断的结果选择性的执行某些代码。

循环：根据判断结果重复地执行某些代码。

选择结构：

                             If 结构，if（条件表达式）{

                                                 }else{

}

注：表达式的结果为true，则执行第一个{}里的代码，特例：若执行语句只有一句，则可以省略{}；否则执行else{}里的代码。

If的多分支：执行多个条件的值。

Switch........case:

                               Switch(数值){

                               Case 值1：执行代码；break；

                                Case 值2：执行代码；break；

                                 Default：执行代码；

}

说明：数值和case值进行匹配，匹配上谁就执行对应的语句并退出。

若数值没有匹配上case则执行default对应的代码（default不是必须的）。

关键字：break（达到条件直接退出） continue（达到条件跳过并继续）

循环控制for：

          For(定义语句;执行条件;自增表达式){

                                     要显示的字符 ；      

}

说明：定义语句：定义一个计数器var  i=0;

执行条件：设定一个循环条件i<10；

自增表达式：让计数器增长，以违背循环条件，到退出的目的i++（可以改变递增数，比如i+2）

               执行流程：定义语句→执行条件→满足执行条件显示要显示的字符→以自增显示

↓

                                                                      不满足执行条件退出

另一种for循环的写法（更简单）：

While(条件){

             要显示的字符；

}

Do....while:

.Length:获取数组中的元素个数！

函数：程序中函数就是一个功能，在软件开发中为了降低软件的复杂度需要把软件功能进行拆分。

      写法：function函数名（参数，多个参数之间用,隔开，不必要可省略）{

                                                                                              显示语句字符；

                                                                                             Return返回的值；

}

字符串相关函数：

事件编程：通过用户操作，调用某些特定功能

       三要素：

             事件源：一切可以出发事件的标签

             监听器：本质上是函数

              数据处理函数：处理事件的业务逻辑

              事件类型：

鼠标事件：

body事件：

一、获得几点的几种方法：

1、getElementById("id")，根据ID属性，找到某个节点。

2、getElementsByClassName("name")，根据类名，找到类名数组。

3、getElementsByTagName("name")，根据标签的名字，找到标签数组。

4、getElementsByName("name")，根据name属性，找到某个数组。

列子：

二、获取节点的内容：

1、表单：.value表单

2、非表单：.innerHTML 获取标签内容

3、修改样式：

.style.CssName="取值"

例如： .style.Color="red";

4、获得或者修改属性

.属性名

例如.href="xxxxx"

5、节点操作

添加节点、替换节点、删除节点：

找到子节点

定时器

使用定时器的参数：

1、需要执行的代码（一般情况下都是调用函数）

2、调用频率（每个多长时间调用一次）

停止定时器的参数：

被停止的定时器

RegExp 对象

截止目前学习项目目录压缩包：pan.lanzou.com/1395090/

阅读全文

0 0