JavaScript_单目乘除加减关系,与或赋值!-CSDN博客

本文链接：https://blog.csdn.net/qq_39615545/article/details/77243013

 
 最近发现文章中的截图不在了干脆把笔记做成了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/ 