[JS中的事件分类]
 1、鼠标事件:
 click/dbclick/mouseover/mouseout/mousemove/mousedown/mouseup

 2、键盘事件:
 keydown: 键盘按下去触发
 keypress: 键盘按下并松开的瞬间触发
 keyup: 键盘抬起时触发

 [注意事项:(了解)]
 ① 执行顺序: keydown——keypress——keyup
 ② 长按时,会循环不断的执行keydown-keypress
 ③ 有keydown事件,不一定有keyup事件(事件触发过程中,鼠标移走,可能就没有keyup)
 ④ keypress只能捕获字母、数字、符号键,不能捕获功能键;keydown/keyup基本可以捕获所有功能键(特殊除外)
 ⑤ keypress区分大小写,keydown和keyup不区分;
 ⑥ keydown/keyup区分主键盘和小键盘,keypres不区分;

 [确定键盘触发按键]
 ① 在触发函数中,传入参数e,代表按键时间;
 ② 通过e.keyCode ,确认按键Ascii码值,进而确定按键;
 ③ 所有浏览器系统的写法(一般不必要):
var evn = e||event; //取到键盘事件
 var code = evn.keyCode||evn.which||evn.charCode;//取到按键编码

【js中的数组】
1、数组的概念:数组是在内存中连续储存多个有序元素的结构 元素的顺序称为下标,
通过下标查找对应元素
2、数组的声明:
① 通过字面量声明var arr1 = [,,,,];
js中同一数组可以储存多种不同类型数据类型(但是一般同一数组,只用于存放同种数据类型);
例如:var arr1 = [1,"1",true,{"name","liumeng"},[1,2]];
② 通过new关键字声明:var arr2 = new Array(参数);
>>>>参数可以是:
a.为空:声明一个没有指定长度的数组;
b.数组的长度:声明一个指定长度的数组,但是数组的长度随时可变可追加;
最大长度为0-(2^32-1);
c.数组默认的n个值:例如:var arr2 = new Array(1,"2",true);//相当于[1,"2",true]

3、数组中元素的读写:
① 读写:通过下标来访问元素,例如arr[2];
② 增删:delete arr[n];删除数组的第n+1个值,但数组长度不变,对应位置值为undefined
arr.push(值);数组最后增加一个值,相当于arr3[arr3.length] = 7;
arr3.unshift(值);数组的第0位插入一个值,其余位数顺延;
arr3.pop();删除数组最后一位与delete不同的是,pop执行后数组长度也会减少一个
相当于arr3.length-=1;
arr3.shift();删除数组第0位,长度也会-1;
4、数组中其他常用方法:
① join("分隔符");将数组用指定分隔符分割,链接为字符串。参数为空时,默认用逗号分隔
② concat();将数组,与多个数组的值链接为新的数组
[1,2].concat([3,4],[5,6])=[1,2,3,4,5,6];//链接时,中括号至多拆一层
[1,2].concat([1,2,[3,4]])=[1,2,1,2,[3,4]]//多层中括号,以二维数组形式存在
③ push();数组最后增加一个数;unshift():数组开始增加一个数【返回数组新的长度】
pop():删除数组最后一个;shift():删除数组第一个【返回被删除的值】
【调用上述方法,原数组均被改变】
④ recerse():【原数组被改变】数组翻转,逆序排列。1234---->4321
⑤ slice(begin,end):【原数组不会被改变】截取数组中的某一部分成为新数组,
>>>传递一个参数:默认为begin index,当这个开始,截到下一个。
>>>传递两个参数:截取从begin到end区间,左闭右开(包含begin不含end)
>>>参数可以为负数,-1表示从右边数第一个,从左边数的最后一个
⑥ sort(function):【原数组会被改变】对数组进行排序;
>>>不指定排序函数:按照数值的ascii码值进行排列
>>>传入排序函数:默认两个参数a,b 如果返回值>0,则a>b;反之返回值<0,则a<b;
arr3.sort(function(a,b){
return a-b; //b在前,a在后 (升序排列)
return b-a; //a在前,b在后 (降序排列)
});
⑦ indexof(value,index):返回value值对应的下标位置,若未找到返回-1
lastindexof(value,index):返回最后一个value值对应的下标位置
>>>若未指定index参数:默认在数组所有元素中查询;
若指定index参数:则从当前index开始,向后查询;

5、二维数组和稀疏数组(了解) :
① 稀疏数组:数组并不含有从0开始到length-1的所有索引(length值比实际元素个数多);
② 二维数组:var arr = [[1,2],[3,4],[5,6]];//相当于三行两列的矩阵
取出二维数组元素:arr[行号][列号];//可使用嵌套循环
6、引用数据类型&基本数据类型:
引用数据类型:(数组/对象)赋值时,是将原变量的地址,赋给新变量。两个变量,实际上操作的是
同一份数据,所以,修改其中一个变量,另一个跟着变化;
基本数据类型:复制时,是将原变量的值赋给新的变量。两个变量,属于不同的内存空间,
修改其中一个

字符串String
 1、属性:str.length 返回字符串的长度
 2、方法:
 .toLowerCase() 所有字符转为小写;
 .toUpperCase() 所有字符转为大写;
 .charAt(n) 截取字符串中第n个字符
 .indexOf("查询子串",index) 查询从index开始的,第一个子串的索引。
 没找到返回-1,同数组的indexOf()方法;
 .substring(begin,end) 截取子串
 >>> 只写一个参数:从begin开始,到最后
 >>> 写两个参数:从begin开始,到end。左闭右开。
 .replace("old","new") 将字符串中,第一个old,替换为new。第一个参数可以为普通字符串,
 也可以为正则表达式(普通字符串将只匹配第一个,正则表达式则根据具体情况区分)。
 .split("") 将字符串,通过制定分隔符分为数组。传入""空字符串,将把单个字符存入数组

Date类
 1、 new Date(); 拿到当前最新时间;
 new Date("2017,4,4,14:58:12") 设置指定时间
 2、常用方法:
 .getFullYear(): 获取4位年份
 .getMonth(): 获取月份 0~11
 .getDate(): 获取一月中的某一天 1~31
 .getDay(): 获取一周中的某一天 0~6
 .getHours() 返回 Date 对象的小时 (0 ~ 23)
   .getMinutes() 返回 Date 对象的分钟 (0 ~ 59)
   .getSeconds() 返回 Date 对象的秒数 (0 ~ 59)

【自定义对象】

 1、基本概念
 ① 对象概念: 对象是包含一系列无序属性和方法的集合;
 ② 对象中的数据,是以键值对形式存在的,以键取值;
 ③ 属性:描述对象特征的一系列变量。【对象中的变量】;
 ④ 方法:描述对象行为的一系列方法。【对象中的函数】;
 2、对象的声明:
 ① 字面量声明: var ovj={
 key1:value1, //属性
 key2:value2
 func:function(){} //方法
 }
 ② 对象中的键,可以是任何数据类型。但,一般用作普通变量名(不需要双引号)即可;
 ③ 对象中的值,可以是任何数据类型。但,字符串的话必须用""包裹;
 ④ 多组键值对之间用英文逗号分隔,键值对的键与值之间英文冒号分隔;
 3、对象中属性和方法的读写
  ① .元素符: 对象内部:this.属性名 this.方法名()
 对象外部: 对象名.属性名 对象名.方法名()

 >>> 对象中,直接写变量名,默认为调用全局变量。如果需调用对想自身属性,则需要通过this关键字

 ② 通过["key"]调用:对象名["属性名"] 对象名["方法名"]()

>>> 如果key中包含特殊字符,则无法使用①方法,必须是用第②种;

 >>> 对象中,直接写变量名,默认为调用全局变量。如果需调用对想自身属性,则需要通过this关键字

 ③删除对象的属性/方法: delete 对象名.属性名/方法名
 ④⑤

【正则表达式】
1、正则表达式包括两部分:
①定义的正则表达式规则 ②正则表达式模式(g/i/m)
2、正则表达式的声明:
① 自变量的声明: var reg = /表达式规则/表达式模式 /white/g
② new关键字声明:var reg = new RegExp("表达式规则","表达式模式");
var reg = new RegExp("white","g")
3、正则表达式常用方法:
.test():检测一个字符串是否匹配某个中正则模式。返回 true 或 false
.exec():
4、正则表达式的常用模式:
g:全局匹配。不加g,默认非全局匹配,只匹配第一个符合条件的字符串
"www".replace(/w/,"#")----> #ww
"www".replace(/w/g,"#")----> ###
i:忽略大小写。不加i,默认为需要匹配大小写
"aAa".replace(/A/g,"#")---->a#a
"aAa".replace(/A/i,"#")---->#Aa
m:匹配多行模式(字符串分多行显示,每行都有开头结尾)。
"abc #bc
abc".replace(/^a/g,"#")---->abc
"abc #bc
abc".replace(/^a/gm,"#")---->#bc

js中的事件,内置对象,正则表达式的更多相关文章

  1. js中常用的内置对象

    Arguments 函数参数集合 arguments[ ] 函数参数的数组 Arguments 一个函数的参数和其他属性 Arguments.callee 当前正在运行的函数     Argument ...

  2. JS中有趣的内置对象-JSON

    前言 在以前的web开发中,我们多数选择纯文本或XML作为我们的提交的数据格式,大多数是XML,少数纯文本.其实从AJAX(Asynchronous JavaScript and XML)的命名我们也 ...

  3. js中常见的内置对象

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  4. JS中的日期内置函数

    用JS中的日期内置函数实现在页面显示:“今天是:2013年9月26日14:32:45”. var date=new Date(Date.parse('9/26/2013 14:32:45'));   ...

  5. 在IDEA中使用JSP中的out内置对象,out.println()——println红色解决方法

    今天在学习JSP的时候,在jsp中使用out内置对象,开发工具用的是IDEA,结果如下图所示 郁闷了半天找度娘,可能关键字输的不准确,乱七八糟的方法一大堆,什么加依赖啊啥的,反正都不管用,最后找到一篇 ...

  6. js学习---常用的内置对象(API)小结 :

    内置对象(API): 日期 Date: getFullYear() 返回完整的4位的年份  如:2016 getMonth()    返回月份,从0开始 getDate()   返回当前月的第几天,当 ...

  7. 在jsp中常用的内置对象(5个)小总结和两种页面跳转方式(服务器端调转、客户端跳转)的区别

    jsp中常用的几个内置对象: 一.request对象 主要作用:  (1)获取请求页面的信息   比如:request.getParameter("参数名");  (2)获取客户端 ...

  8. Servlet中获取JSP内置对象

    方便自己查询,嫌低级的勿喷.... 1.request 在servlet的doGet和doPost的参数中就有HttpServletRequest req参数,而JSP内置request对象就是Htt ...

  9. Servlet中的jsp内置对象

    Servlet和jsp本质相同,那么为什么还要使用jsp呢,原来的servlet又有什么不好的呢. Servlet和jsp可以做完全相同的事情,就要借助jsp的内置对象们,比如request,resp ...

  10. jsp中9个内置对象与servlet对应关系及四个作用域

    参考:  <jsp&servlet学习笔记.第2版.林信良><JSR-245 JavaServer Pages 2.2 Maintenance Release Specifi ...

随机推荐

  1. react native 升级到0.31.0的相关问题 mac xcode开发环境

    cmd + D和cmd + R快捷键没有反应 0.31.0版本换了一种加载方式,通过修改userDefaults达到debug目的 [userDefaults setObject:@"127 ...

  2. 算法问题:最长滑道问题(非递归,C++)

    题目描述请参考博客http://blog.csdn.net/sinat_30186009/article/details/52356053,在此表示感谢. 基本思路参考了以上文章,但是上面文章中的算法 ...

  3. Shell脚本编写

    1.什么是Shell脚本 Shell脚本是利用 shell 的功能所写的一个程序 program,这个程序是使用纯文本文件,将一些 shell 的语法与指令(含外部指令)写在里面, 搭配正则表达式.管 ...

  4. [刷题]算法竞赛入门经典(第2版) 5-5/UVa10391 - Compound Words

    题意:问在一个词典里,那些单词是复合词,即哪些单词是由两个单词拼出来的. 渣渣代码:(Accepted, 30ms) //UVa10391 - Compound Words #include<i ...

  5. 每天一道Java题[2]

    问题 可以直接根据hashCode()方法产生的值判断两个对象是否相等吗? 解答 不能!根据Wikipedia(https://en.wikipedia.org/wiki/Java_hashCode( ...

  6. Java学习笔记——排序算法之快速排序

    会当凌绝顶,一览众山小. --望岳 如果说有哪个排序算法不能不会,那就是快速排序(Quick Sort)了 快速排序简单而高效,是最适合学习的进阶排序算法. 直接上代码: public class Q ...

  7. 刑天DDOS攻击器下一版本即将使用NTP放大功能

    刑天DDOS攻击器下一版本即将使用NTP放大功能       在一次无语实验中无意发现NTP方法后的攻击流量相当可观,Linux实测G口高达30G,也就是说最大可以放大30倍的攻击流量是何等的威武.而 ...

  8. 树莓派安装FLASK服务;并在端网页读取 GPIO状态和系统时间

    做过一些物联网的作品:因为不想一直做APP来控制,因为不能每个人都去下载你自己做的APP,浏览器大家都是有的:那么每个人通过浏览器WEB来访问我们服务器,岂不是很简单和方便,采用flask+pytho ...

  9. 卸载XCode插件的方法

    1.Finder--前往---前往文件夹--输入~/Library/Developer/Xcode/Plug-ins 2.删除要卸载的插件即可.

  10. SVN版本控制系统搭建(+结合http服务)

    .zise { background: #CCCCFF; color: white; text-align: center } .fense { color: #FFCCCC; text-align: ...