随笔分类 - JavaScript
摘要:关于事件 什么是事件? 事件是可以被Javascript侦测到的行为,通俗的讲就是当用户与Web页面进行某些交互时,解释器就会创建响应的event对象以描述事件信息。 常见的事件有: 用户点击页面上的某项内容 鼠标经过特定的元素 用户按下键盘的某个按键 用户滚动窗口或改变窗口大小 页面元素加载完成或
阅读全文
摘要:01 JS简介 02 JS基础语法 JS变量 JS数据类型 JS操作符 03 JS流程控制语句 JS分支结构与循环结构 JS数组 04 JS函数 JS作用域 JS预解析与变量提升 05 JS对象 06 错误调试与处理 07 DOM入门 初识JS DOM DOM元素的获取以及设置元素样式 DOM的in
阅读全文
摘要:属性的分类 固有属性 在浏览器控制台中的properties选项中能够看到 title也是固有属性,只不过我们没有设置它的值,因此为空字符串。 属性的继承性: 自定义属性 自己定义的属性。 如果定义了同名的属性,以第一个为准。 属性的名字都为小写字母,即使定义的时候用了大写,最终也会转换为小写。 访
阅读全文
摘要:初识DOM操作 1 认识DOM DOM1级:映射文档结构 DOM2级:视口、事件、CSS样式和遍历和范围 DOM3级:引入了以统一方式加载和保存文档的方法、验证文档的方法 DOM0级:实际上这个标准是不存在的,只是DOM历史坐标系中的一个参照点(IE最初支持的DHTML中的DOM) 2 文档类型 不
阅读全文
摘要:语法错误 分号前少括号 token:编程语言中的一个符号(连续的字母、数字以及其他符号) for前少了分号 逗号应该是分号;解析时逗号是合法的表达式符号,逗号表达式会返回最后一个逗号后面的表达式的结果。 else前缺少一半括号 关键字 不能作为标识符或变量名 2后面需要逗号或分号,不能直接接变量 为
阅读全文
摘要:1基本行为 * size()/length: 包含的DOM元素个数 * [index]/get(index): 得到对应位置的DOM元素 * each(): 遍历包含的所有DOM元素 * index(): 得到在所在兄弟元素中的下标 2属性:操作内部标签的属性或值 2.1操作任意属性 attr(na
阅读全文
摘要:1扩展插件 理解:$是函数,可以当对象使用(也称jQuery对象),$()返回的是一个新对象 1.1扩展jQuery函数对象的方法 $.extend(object) $.extend({ xxx: fuction () {} // this是$ }) $.xxx() 1.2扩展jQuery对象的方法
阅读全文
摘要:1选择器 1.1说明 选择器本身只是一个有特定语法规则的字符串, 没有实质用处,它的基本语法规则使用的就是CSS的选择器语法, 并对基进行了扩展,只有调用$(), 并将选择器作为参数传入才能起作用。 $(selector)作用 :根据选择器规则在整个文档中查找所有匹配的标签的数组(伪数组), 并封装
阅读全文
摘要:1 jQuery核心函数 * 简称: jQuery函数($/jQuery) * jQuery库向外直接暴露的就是$/jQuery * 引入jQuery库后, 直接使用$即可 * 当函数用: $(xxx) * 当对象用: $.xxx() 1.1理解 即: $ 或 jQuery jQuery定义了这个全
阅读全文
摘要:1what http://jquery.com/ * 一个优秀的JS函数库: write less, do more(使用了jQuery的网站超过90%,中大型WEB项目开发首选) * 封装简化DOM操作(CRUD) / Ajax 2why * 强大选择器: 方便快速查找DOM元素(HTML元素选取
阅读全文
摘要:特效 偏移量 offsetParent用于获取定位的父级元素 offsetParent和parentNode的区别 var box = document.getElementById('box'); console.log(box.offsetParent); console.log(box.off
阅读全文
摘要:BOM的概念 BOM(Browser Object Model) 是指浏览器对象模型。 浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。 BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。 我们在浏览器中的一些操作都可以使
阅读全文
摘要:节点操作 案例: 选择水果 节点属性 nodeType 节点的类型 1 元素节点 2 属性节点 3 文本节点 nodeName 节点的名称(标签名称) nodeValue 节点值 元素节点的nodeValue始终是null nodeType 节点的类型 1 元素节点 2 属性节点 3 文本节点 1
阅读全文
摘要:document.write() innerHTML document.createElement() 性能问题 innerHTML方法由于会对字符串进行解析,需要避免在循环内多次使用。 可以借助字符串或数组的方式进行替换,再设置给innerHTML 优化后与document.createEleme
阅读全文
摘要:属性操作 非表单元素的属性 href、title、id、src、className var link = document.getElementById('link'); console.log(link.href); console.log(link.title); var pic = doc
阅读全文
摘要:事件 事件:触发-响应机制。 事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。 事件三要素 事件源:触发(被)事件的元素 事件名称: click 点击事件 事件处理程序:事件触发后要执行的代码(函数形式) 事件的基本使用 var box = document.getElementById('bo
阅读全文
摘要:获取页面元素 为什么要获取页面元素 例如:我们想要操作页面上的某部分(显示/隐藏,动画),需要先获取到该部分对应的元素,才进行后续操作 1 根据id获取元素 如果没有找到那个元素,返回null var div = document.getElementById('main'); console.lo
阅读全文
摘要:DOM的概念 文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(目前,HTML和XML文档是通过说明部分定义的)
阅读全文
摘要:Web API介绍 API的概念 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。 任何开发语言都有自己的API API
阅读全文