【[js笔记整理]事件篇】的更多相关文章

[js笔记整理]事件篇

一.事件流1.冒泡事件:从特定的事件到不特定事件依次触发:(由DOM层次的底层依次向上冒泡)(1)示例: <html onclick="add('html<br>')"> <body onclick="add('body<br>');"> <div onclick="add('div<br>');"> <p onclick="add('p<br>'…

[js笔记整理]面向对象篇

一.js面向对象基本概念 对象:内部封装.对外预留接口,一种通用的思想,面向对象分析: 1.特点 (1)抽象 (2)封装 (3)继承:多态继承.多重继承 2.对象组成 (1)属性: 任何对象都可以添加属性,(如右侧示例可弹出arr.a为12 var arr=[1,2,3];arr.a=12;alert(arr.a) 全局变量是window的属性, <script> window.a=12; window.onload=function() { alert(a); } </script&g…

[js笔记整理]正则篇

一.正则基本概念 1.一种规则.模式 2.强大的字符串匹配工具 3.在js中常与字符串函数配合使用 二.js正则写法 正则在js中以正则对象存在: (1)var re=new RegExp(正则表达式); (2)var re=/正则表达式/; 三.正则的基本写法 1.开始结束符 ^     $ 2.元字符 (1)任意字符 [abc] abc中的任意一个 (2)范围 [a-z] 字母a到c: [1-9] 数组1到9 (3)排除 [^a-z] 排除字母a-c (4)任意字符 . 3.量词 (1) {…

[js笔记整理]DOM 篇

一.节点类型 1.元素节点:HTML元素 2.文本节点:元素标签中的内容 3.属性节点:元素的属性 (检测节点类型:node.nodeType //元素=1,属性=2,文本=3) 二.使用DOM获取元素 1.通过名称类型访问节点 (1)getElementById(); (2)getElementsByTagName(); 2.利用父子关系查询节点 (1).ChildNodes //获取全部子节点数组(在Firefox chrome ie9中会包含文本节点) (2).children //只选择…

JS笔记 - JQ事件委托( 适用于给动态生成的脚本元素添加事件）

最近一段时间打了一个大仗,现在总算消停点,才有时间来做个总结吧算是: 移动端遇到一个项目,是一个列表的侧滑栏,在我这里用jq写的交互事件.自测各方面都挺好的,美滋滋的给了研发.研发也美滋滋的开始开发. 但是,好景不长... 研发加了ajax事件后,我的交互效果有部分受了影响! 一个小姑娘,在一群大老爷们研发堆里,对着昏暗的电脑和看不太懂的后台代码,改了半天.最后没解决.我就回来了. 后来就找共同点,发现有个类名控制的交互都不能实现,最后去问研发,你是不是没加上我的类名? 回:加着呢啊!我一看模拟…

微信小程序笔记整理--入门篇。

7-2 微信小程序入门篇 准备篇 1.登录网址,https://mp.weixin.qq.com 注册一个微信小程序. 2.获取微信小程序appid,登录自己的小程序后台,在开发者设置中获得appid. 3.下载微信开发者工具,创建项目.输入appid,和项目名即可. 4.js是脚本文件, json是配置文件,wxss是样式表文件.小程序读取这些文件,生成小程序实列. 5.app.js是小程序的脚本代码,儿科与你监听并处理小程序的生命周期,声明全局变量. 调用框架提供丰富的API 案列,调用同步…

js笔记19 事件对象

1.常用的事件 onmouseover  onmouseout  onmousedown  onmousemove  onmouseup   onclick  onchange  onfocus  onblur等等 2.每个元素身上的事件都是天生自带的,不需要我们去定义,只需要我们给这个事件绑定一个方法,当事件触发的时候就会执行这个方法 3.事件绑定的方法 (1)div.onclick=function(){}    DOM0级事件绑定 (2)div.addEventListener()或div…

js 笔记整理

Js中for.for-in.forEach以及for-of的用法及特性对比 for-in for...in以任意顺序遍历一个对象的可枚举属性.所以for-in不适合用来迭代一个Array.同时,for-in是可以遍历对象中所有可枚举属性的,包括原型链上的可枚举属性. let ret = []; array.num = 6; // 对象上直接添加属性 Array.prototype.num = 6; // 原型链中添加属性 for(let i in array){ ret.push(array[i…

JS第一周学习笔记整理

目录 JS正式课第一周笔记整理 JS正式课第一周笔记整理 webstorm : 代码编辑器 浏览器: 代码解析器: Git : 是一个工具;用于团队协作开发项目管理代码的工具:在工作中用git.svn svn : 集中式: 集中式:需要一个中央服务器:每次开发前需要从中央服务器把最新的代码拉取下来,然后进行开发:并且需要网络: git : 分布式: 分布式:每个人的电脑都是一个中央服务器:不需要网络也可以进行提交代码: DOS命令 1.按着shift右键,在此处打开powerShell 2.找到…

js事件篇

javascript和html之间的交互式通过事件来实现的,事件就是文档或浏览器窗口中发生的一些特定的交互. 事件流:描述的是从页面中接收事件的顺序. 不同的是,IE和Netscape开发团队竟然提出了差不多是完全相反的事件流概念.IE的事件流失事件流冒泡,而Netscape的事件流是事件流捕获. <div id=<span id='demo1'>sdasd</span></div> <script> var oDiv = document.getEl…