回顾

  js

组成部分

      ECMAScript

      BOM

      DOM

                       变量声明~~  var  变量名 =  初始化值;

                       数据类型

                           原始类型

                                      undefined  null   String   Number    Boolean  伪对象     

                      可以通过typeof运算符  可以判断是哪种数据类型 string

                      typeof  值|类型

          引用数据类型:

                      Boolean 

                      Number

                      String

                          常用属性:length

                          常用方法:substring   split  replace 

                      Array

                          常用属性:length

                          Array长度可变,可以存任意的值

                      Math:

                      Date:

                      RegExp:

                           常用方法:test()

                           //正则表达式~~

                      全局变量:

                           decodeURI:解码

                           eval:计算字符串 (解析js代码)

                           运算符: 

                                   关系运算符: 等值运算符  ==(数值相等) ===(类型及值)                          语句:

                           分支  循环

-----------------------------------------------------------------------BOM:浏览器对象模型

      window窗口

             常用属性:

                      获取其他四个对象:1)window.location                                                          常用方法:

                               消息框:alert()  confirm()  prompt()        

                               定时器:setInterval()   周期

                                        setTimeout     延迟

                               打开   关闭

                                       open()  close()

                               location:

                                       定位:通过   location.href="url"~~~~ 设置链接

                               history:历史记录 跳转窗口 前后

                                       go(-1)

-----------------------------------------------------------------------

关于事件和函数:

    需要掌握的事件:

         焦点:  onfocus(); onblur()

         表单:  onsubmit(); onchange()(二级联动的时候用到)

         页面加载元素:onload

         常用方法:         

              window.onload = function(){}

         点击事件:

              onclick()

         函数:

              方式一:function  函数名(参数列表){  函数体  }  

              方式二:匿名函数:

                      例如:window.onload = fucntion(){}

         事件绑定:

              第一种:通过元素给事件属性

                      <XXX onxxx="函数名(参数)"></XXX>

                      若函数中出现this:当前 dom对象传给参数

              第二种:

                     dom对象.onXXX = function(){}

------------------------------------------------------------------------

DOM:文档对象模型             

html标签加载到内存中会形成dom树

       节点:

            文档节点: document 

            元素节点: element

            属性节点: attribute

            文本节点: text

获取节点通过document

            对于节点属性进行操作:

                  document获得对象.属性

            操作元素标签体

                  document获得对象.innerHTML

               

 

js回顾的更多相关文章

  1. 前端学习(十四)js回顾和定时器(笔记)

    回顾知识点:    作用域:        1.全局变量:在任何位置都可以使用的变量        2.局部变量:只能在函数内部使用的变量        3.闭包:子函数可以使用父函数的局部变量 -- ...

  2. js回顾(DOM中标签的CRUD,表格等)

    01-DOM中的创建和添加标签 02-删除替换克隆标签 03-全选全不选反选 04-新闻字体 05-表格增删 06-动态生成表格 07-表格隔行变色 08-左到右右到左(将左边的标签移动到右边) 09 ...

  3. js 回顾知识总结一

    1.js数据类型? 基本数据类型:String(字符串).boolean(布尔值).Number(数字).undefined(未定义).null(空) 引用数据类型:Object(对象).Array( ...

  4. js回顾1

    1.正则:/^[0-9a-zZ-Z_]*&/ //匹配0到多个,+是1到多个,?0或多个,.任意值/^[0-9a-zZ-Z_]{6,}&/ //精确到至少6位\w查找单词字符检测:te ...

  5. js回顾2

    1:事件流:一个事件发生时按一个方向传播 eg:a标签->html 冒泡:从里到外(一般的选择)-----IE只有冒泡 捕获:从外到里-----网景只有捕获(已经不存在了) 2.事件处理的两种种 ...

  6. js+dom开发第十六天

    一.css常用标签及页面布局 1.常用标签 position(定位) z-index(定位多层顺序) background(背景) text-align(针对字符自动左右居中) margin(外边距) ...

  7. 实现一个类 RequireJS 的模块加载器 (二)

    2017 新年好 ! 新年第一天对我来说真是悲伤 ,早上兴冲冲地爬起来背着书包跑去实验室,结果今天大家都休息 .回宿舍的时候发现书包湿了,原来盒子装的牛奶盖子松了,泼了一书包,电脑风扇口和USB口都进 ...

  8. Css、javascript、dom(二)

    一.css常用标签及页面布局 1.常用标签 position(定位) z-index(定位多层顺序) background(背景) margin(外边距) padding(内边距) font-size ...

  9. 一文入门HTML5

    1.HTML5 上节回顾:一文读懂ES6(附PY3对比) | 一文入门NodeJS 演示demo:https://github.com/lotapp/BaseCode/tree/master/java ...

随机推荐

  1. 重写select样式

    select {/*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/border: solid 1px #000; /*很关键:将默认的select选择框样式清除*/appeara ...

  2. mysql 试题总结

    一.MySQL的复制原理以及流程 1.复制基本原理流程 1.主:binlog线程——记录下所有改变了数据库数据的语句,放进master上的binlog中: 2.从:io线程——在使用start sla ...

  3. 即时通讯(III)

    即时通讯的开源库 目前及时通讯可以使用环信.柔云.腾讯云,这些都是基于TCP连接的,UI也是高度定制的,而且它们的技术也是比较成熟的. XMPP比较早,是开源的,但是坑也比较多.传输的数据是XML,造 ...

  4. mysql 事务锁超时时间 innodb_lock_wait_timeout

    mysql 事务锁超时时间 innodb_lock_wait_timeout: # 查询全局等待事务锁超时时间 SHOW GLOBAL VARIABLES LIKE 'innodb_lock_wait ...

  5. 基于Docker的GoldenGate部署

    前言 Docker最近几年异常火爆,主要是因为其方便.快捷.轻量,相对于VM,它不需要占用太多资源,随时可以创建.删除,或在已有image上添加一些软件,再制作成另一个模板image供日后使用.Doc ...

  6. WSDL文档结构图

  7. MySQL更新命令_UPDATE

    创建测试表 mysql> CREATE TABLE `product` ( -> `proID` ) NOT NULL AUTO_INCREMENT COMMENT '商品表主键', -& ...

  8. FractionallySizedBox

    import 'package:flutter/material.dart'; void main() { runApp(MaterialApp(home: new MyApp())); } clas ...

  9. 【做题】agc006e - Rotate 3x3——分析&思维

    原文链接 https://www.cnblogs.com/cly-none/p/9800105.html 题意:给出一个三行\(n\)列的矩阵.问它能否由满足\(a_{ij} = 3(j-1) + i ...

  10. FASM学习中的一些表格

    Size operator Registers Data directives Conditions(jmp助记符)