- 博客(26)
- 收藏
- 关注
原创 JS高级程序设计——第14章 表单脚本(表单序列化、富文本编辑)
第14章 表单序列化、富文本编辑一、表单序列化二、富文本编辑1、什么是富文本编辑?2、使用contenteditable属性3、操作富文本4、 富文本选区5、表单与富文本一、表单序列化随着 Ajax 的出现,表单序列化已经成为一种常见需求(第 21 章将讨论 Ajax)。在 JavaScript 中,可 以利用表单字段的 type 属性,连同 name 和 value 属性一起实现对表单的序列...
2020-04-29 16:05:12
465
原创 JS高级程序设计——第14章 表单脚本 14.3选择框脚本
14.3选择框脚本一、选择框属性和方法二、选择选项三、添加选项四、移除选项五、移动和重排选项一、选择框属性和方法选择框是通过<select>和<option>元素创建的。为了方便与这个控件交互,除了所有表单字段共有的属性和方法外,HTMLSelectElement 类型还提供了下列属性和方法。以下面的选择框为例:在 DOM 中,每个<option...
2020-04-28 19:01:27
341
原创 JS高级程序设计——第14章 表单脚本 14.2 文本框脚本
14.2 文本框脚本一、文本框种类一、文本框种类在 HTML 中,有两种方式来表现文本框:一种是使用<input>元素的单行文本框,另一种是使用 <textarea>的多行文本框。这两个控件非常相似,而且多数时候的行为也差不多。不过,它们之间仍然存在一些重要的区别。要表现文本框,必须将<input>元素的 type 特性设置为"text"。而通过设...
2020-04-27 12:27:31
777
原创 JS高级程序设计——第14章 表单脚本 14.1 表单的基础知识
14.1 表单的基础知识一、表单的基础知识1. 表单元素的基本属性和方法2.取得表单元素的几种方式二、提交表单三、重置表单四、表单字段1.表单的elements属性2. 共有的表单字段属性3. 共有的表单字段方法4. 共有的表单字段事件一、表单的基础知识1. 表单元素的基本属性和方法在 HTML 中,表单是由<form>元素来表示的,而在 JavaScript 中,表单对应的则是...
2020-04-24 13:37:42
715
原创 JS高级程序设计——第13章事件 13.6 模拟事件
模拟事件一、模拟事件(模拟一个事件的触发)二、DOM中的事件模拟1、模拟鼠标事件2、模拟键盘事件( 已废弃)3、模拟其他事件4、自定义 DOM 事件三、IE中的事件模拟一、模拟事件(模拟一个事件的触发)事件,就是网页中某个特别值得关注的瞬间。事件经常由用户操作或通过其他浏览器功能来触发。 但很少有人知道,也可以使用 JavaScript 在任意时刻来触发特定的事件,而此时的事件就如同浏览器创...
2020-04-23 16:55:12
233
原创 JS高级程序设计——第13章事件 13.5 内存和性能
内存和性能一、添加大量的处理程序带来的问题二、事件委托(方案一)三、移除事件处理程序(方案二)一、添加大量的处理程序带来的问题由于事件处理程序可以为现代 Web 应用程序提供交互能力,因此许多开发人员会不分青红皂白地向页面中添加大量的处理程序。在创建 GUI 的语言(如 C#)中,为 GUI 中的每个按钮添加一个 onclick 事件处理程序是司空见惯的事,而且这样做也不会导致什么问题。可...
2020-04-23 13:29:09
213
原创 JS高级程序设计——第13章事件 13.4 事件类型(HTML5 事件)
HTML5 事件一、contextmenu 事件二、beforeunload事件DOM 规范没有涵盖所有浏览器支持的所有事件。很多浏览器出于不同的目的——满足用户需求或 解决特殊问题,还实现了一些自定义的事件。HTML5 详尽列出了浏览器应该支持的所有事件。本节只讨论其中得到浏览器完善支持的事件,但并非全部事件。(其他事件会在本书其他章节讨论。)一、contextmenu 事件cont...
2020-04-22 15:28:18
766
原创 JS高级程序设计——第13章事件 13.4 事件类型(键盘与文本事件、复合事件、变动事件)
13.4 事件类型(键盘与文本事件)一、键盘事件二、文本事件三、键码1、keyCode 属性三、字符编码1、 charCode 属性四、DOM3 级变化1、新增key、keyIdentifier 或 char属性(跨浏览器开发时不推荐使用)2、添加了location 的属性(不推荐使用)3、getModifierState()方法(不推荐使用)六、设备中的键盘事件七、复合事件(用处不大)八、变动事...
2020-04-18 15:34:54
715
原创 JS高级程序设计——第13章事件 13.4 事件类型(鼠标与滚轮事件)
13.4 事件类型(鼠标与滚轮事件)一、鼠标事件类型二、客户区坐标位置1、 事件对象的 clientX 和 clientY 属性三、页面坐标位置1、 pageX 和 pageY 属性四、屏幕坐标位置1、 screenX 和 screenY 属性五、修改键六、相关元素(针对mouseover 和 mouserout 事件)1、relatedTarget 属性、fromElement 属性、toEle...
2020-04-17 16:38:21
783
原创 JS高级程序设计——第13章事件 13.4 事件类型(UI、焦点)
13.4 事件类型 (UI、焦点事件)一、事件的类型二、UI事件1、现有的UI事件2、load事件3、unload事件4、resize 事件5、scroll事件三、焦点事件一、事件的类型如前所述,不同的事件类型具有不同的信息,而**“DOM3 级事件”规定了**以下几类事件。除了这几类事件之外,HTML5 也定义了一组事件,而有些浏览器还会在 DOM 和 BOM 中实现其他专有事件。这些...
2020-04-15 16:10:50
323
原创 JS高级程序设计——第13章事件 13.3 事件对象
13.3 事件对象一、初识事件对象 event二、DOM中的事件对象三、IE中的事件对象四、跨浏览器的事件对象一、初识事件对象 event在触发 DOM 上的某个事件时,会产生一个事件对象 event【触发时才会产生】,这个对象中包含着所有与事件有关的信息。包括导致事件的元素、事件的类型以及其他与特定事件相关的信息。例如,鼠标操作导致的事件对象中,会包含鼠标位置的信息,而键盘操作导致的事件...
2020-04-13 14:40:29
263
原创 JS高级程序设计——第13章事件 13.2事件处理程序
13.2事件处理程序一、什么是事件处理程序?二、HTML事件处理程序(高耦合,许多开发人员摒弃这种做法)三、DOM0 级事件处理程序四、DOM2 级事件处理程序五、IE事件处理程序六、跨浏览器的事件处理程序一、什么是事件处理程序?响应某个事件的函数就叫做事件处理程序(或事件侦听器)。【即监听这个事件的函数。】事件处理程序的名字:以"on"开头,因此 click 事件的事件处理程序就是 on...
2020-04-12 19:57:07
285
原创 JS高级程序设计——第13章 事件 13.1事件流
13.1事件流一、事件流1、事件流概念的引出2、事件冒泡3、事件捕获4、DOM事件流事件,就是文档或浏览器窗口中发生的一些 特定的交互瞬间。可以使用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码。一、事件流1、事件流概念的引出什么是事件?事件,就是文档或浏览器窗口中发生的一些 特定的交互瞬间。可以使用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码。两家...
2020-04-12 12:48:23
248
原创 JS高级程序设计——第12章 DOM2和DOM3 12.4 范围
第12章 DOM2和DOM3 12.4 范围一、DOM中的范围1、 使用createRange()方法创建DOM范围2、用 DOM 范围实现简单选择一、DOM中的范围为了让开发人员更方便地控制页面,“DOM2级遍历和范围”模块定义了“范围”(range)接口。通过范围可以选择文档中的一个区域,而不必考虑节点的界限(选择在后台完成,对用户是不可见的)。在常规的 DOM 操作不能更有效地修改...
2020-03-30 15:22:11
481
原创 JS高级程序设计——第12章 DOM2和DOM3 12.3 遍历
第12章 DOM2和DOM3 12.3 遍历一、遍历原理二、NodeIterator一、遍历原理NodeIterator 和 TreeWalker结构类型:“DOM2 级遍历和范围”模块定义了两个用于辅助完成顺序遍历 DOM 结构的类型。这两个类型能够基于给定的起点对 DOM 结构执行深度优先(depth-first)的遍历操作。在与 DOM 兼容的浏览器中(Firefox 1 及更高版本...
2020-03-27 11:38:44
176
原创 JS高级程序设计——第12章 DOM2和DOM3 12.2 样式
第12章 DOM2和DOM3 12.2 样式一、访问元素的样式1、定义样式的方式2、DOM样式属性和方法3、计算的样式二、操作样式表1、样式表类型及属性2、css规则3、创建规则4、删除规则三、元素大小1、偏移量2、客户区大小3、滚动大小4、确定元素大小一、访问元素的样式1、定义样式的方式在 HTML 中定义样式的方式有 3 种:通过<link/>元素包含外部样式表文件、使用&...
2020-03-26 14:03:17
468
原创 JS高级程序设计——第12章 DOM2和DOM3 12.1 DOM变化
DOM变化一、DOM变化一、DOM变化DOM1 级主要定义的是 HTML 和 XML 文档的底层结构。DOM2 和 DOM3 级则在这个结构的基础上引入了更多的交互能力,也支持了更高级的 XML 特性。DOM2 和 DOM3 级分为许多模块(模块之间具有某种关联),分别描述了 DOM 的某个非常具体的子集。这些模块如下。 DOM2 级核心(DOM Level 2 Core):在...
2020-03-24 17:38:57
605
原创 JS高级程序设计——第11章 DOM扩展 11.4 专有扩展
第11章 DOM扩展 11.4 专有扩展一、文档模式二、children属性三、contains()方法四、插入文本1、innerText 属性2、outerText 属性(尽可能不使用这个属性)五、滚动一、文档模式文档模式的概念和作用:IE8 引入了一个新的概念叫“文档模式”(document mode)。页面的文档模式决定了可以使用什么功能。换句话说,文档模式决定了你可以使用哪个级别的...
2020-03-23 15:41:23
427
原创 JS高级程序设计——第11章 DOM扩展 11.3 HTML5
11.3 HTML5一、与类相关的扩充1、getElementsByClassName()方法2、classList 属性二、焦点管理1、 document.activeElement 属性2、document.hasFocus()方法因为 HTML5 涉及的面非常广,本节只讨论与 DOM 节点相关的内容。HTML5 新增了很多 API,致力于简化 CSS 类的用法。一、与类相关的扩充...
2020-03-23 11:52:06
480
原创 JS高级程序设计——第11章 DOM扩展 选择符API和元素遍历
DOM扩展 11.1 选择符API和元素遍历一、扩展的方向二、选择符API三、元素遍历一、扩展的方向对 DOM 的两个主要的扩展是 Selectors API(选择符 API) 和 HTML5。此外,还有一个不那么引人瞩目的 Element Traversal (元素遍历)规范,为 DOM 添加了一些属性。虽然前述两个主要规范(特别是 HTML5)已经涵盖了大量的 DOM 扩展,但专有扩展...
2020-03-18 20:57:49
236
原创 JS高级程序设计——第十章 DOM 10.2 DOM 操作技术
10.2 DOM 操作技术1、动态脚本2、动态样式3、操作表格4、使用NodeList1、动态脚本动态脚本指的是在页面加载时不存在, 但将来的某一时刻通过修改 DOM 动态添加的脚本。跟操作 HTML 元素一样,创建动态脚本也有两种方式:插入外部文件和直接插入 JavaScript 代码。动态加载的外部 JavaScript 文件能够立即运行。比如下面的<script>元...
2020-03-18 16:18:53
166
原创 JS高级程序设计——第十章 DOM 10.1节点层次
第十章 DOM 一、什么是DOM?二、节点层次1、Node类型一、什么是DOM?1、DOM(Document Object Model):文档对象模型。是宿主对象(JS运行环境提供的对象),跨平台,是中立于平台和语言的接口。2、DOM 定义了访问和操作HTML文档(网页)的标准方法。简单说DOM就是document对象,学习DOM就是学习如何通过document对象操作网页上的内容。二...
2020-03-17 15:08:49
546
原创 JS高级程序设计——第六章面向对象程序设计 6.3 继承
文章目录6.2.3 原型模式1、理解原型对象6.2.3 原型模式我们创建的每个函数都有一个 prototype(原型)属性,这个属性是一个指针,指向一个对象(原型对象);原型对象的用途:包含可以由特定类型的所有实例共享的属性和方法。使用原型对象的好处:可以让所有对象实例共享原型对象所包含的属性和方法。换句话说,不必在构造函数中定义对象实例的信息,而是可以将这些信息直接添加到原型对象中。...
2020-02-27 21:50:51
338
原创 JS高级程序设计——第六章面向对象程序设计 6.2 创建对象
6.2 创建对象6.2.1 工厂模式1、工厂模式示例2、工厂模式优缺点6.2.2 构造函数模式1、构造函数示例2、调用函数经历的步骤3、constructor(构造函数)属性4、将构造函数当作函数5、构造函数的问题6、构造函数优缺点总结虽然 Object 构造函数或对象字面量都可以用来创建单个对象,但这些方式有个明显的缺点:使用同一个接口创建很多对象,会产生大量的重复代码(不能复用,不同对象的相...
2020-02-22 23:04:29
527
原创 JS高级程序设计——第六章面向对象程序设计 6.1 理解对象
6.1 理解对象6.1理解对象6.1.1属性类型1、数据属性2、访问器属性6.1.2 定义多个属性6.1.3读取属性的特征干货总结:1、对象的属性的类型有两种:数据属性和访问器属性,其中数据属性:configurable、enumerable、writable 和 value;访问器属性:configurable、enumerable、get函数和 set函数。2、 数据属性可以直接定义,...
2020-02-22 16:18:11
160
原创 在MAC上免费搭建基于Hexo+github的个人博客
用Hexo+github搭建自己的博客一、安装git1、检验是否安装了git2、安装git二、安装Node.js1、直接安装Node.js2、先安装nvm,再通过nvm安装node3、更新刚配置的环境变量4、使用nvm标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居...
2020-02-07 17:21:34
1707
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人