javaScript

在head标签中使用,js代码

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循环的写法(更简单):

Whilet(条件){

            要显示的字符;

            }


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/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 4,663评论 0 5
  •   引用类型的值(对象)是引用类型的一个实例。   在 ECMAscript 中,引用类型是一种数据结构,用于将数...
    霜天晓阅读 1,098评论 0 1
  • 1:隐藏下一页tablebartem 返回的时候一个个页面 状态跟着变 (很烦) 答:把 self.hidesB...
    武小倩阅读 640评论 0 0
  • 我听见血液的哭泣, 孤独如秋雨般张狂 不断的重复的如此无奈, 枯黄了夏日的绿。 我听见心间的回声, 寂寞如秋风般肆...
    流云芳菲阅读 265评论 1 3
  • 九月!虽以快进入谈秋的时节,可这三十几度的高温却无丝毫秋意。仍是一身清凉的夏装,推着行李箱,迈入了高中生活的大门...
    不待风吹花自落阅读 383评论 0 2