理解HTML5中Range对象

1.理解Range对象重新来学习下HTML5中的Range对象和Selection对象,最近在维护富文本编辑器,感觉这方面的知识点很有用,所以趁着周末多学习下~ 什么是Range对象? 在HTML5中,一个Range对象代表页面上的一段连续区域.可以通过如下语句创建一个空的Range对象.如下代码: var range = document.createRange(); 什么是Selection对象? 在HTML5中,每一个浏览器窗口都有一个Selection对象,代表用户鼠标在页面中…

VB类模块中属性的参数——VBA中Range对象的Value属性和Value2属性的一点区别

在VB中,属性是可以有参数的,而VBA中属性使用参数非常常见.比如最常用的:Worksheet.Range("A1:A10") VB的语法,使用参数的不一定是方法,也有可能是属性!(虽然属性的本质是方法) 例一:参数当作"索引"使用定义一个类模块,模块名称Ints.为简化模型,使用了只读属性. ) As Integer Public Property Get ArrValue(Index As Integer) As Integer ArrValue = arr…

深入理解JS中的对象（二）：new 的工作原理

目录序言不同返回值的构造函数深入 new 调用函数原理总结参考 1.序言在深入理解JS中的对象(一):原型.原型链和构造函数中,我们分析了JS中是否一切皆对象以及对象的原型.原型链和构造函数.在谈到构造函数时,应该有注意到箭头函数是不能作为构造函数的,也就是不能使用 new 关键字调用箭头函数,这是为什么呢?我们将在本篇深入讨论剖析对象的构造(new)的工作原理. 2.不同返回值的构造函数先看几个示例: (1)没有 return 的构造函数 function Foo(x) {…

深入理解JS中的对象（三）：class 的工作原理

目录序言 class 是一个特殊的函数 class 的工作原理 class 继承的原型链关系参考 1.序言 ECMAScript 2015(ES6) 中引入的 JavaScript 类实质上是 JavaScript 现有的基于原型的继承的语法糖.类语法(class)不会为JavaScript引入新的面向对象的继承模型. 2.class 是一个特殊的函数 ES6 的 class 主要提供了更多方便的语法去创建老式的构造器函数.我们可以通过 typeof 得到其类型: class People…

【学习笔记】六：面向对象的程序设计——理解JS中的对象属性、创建对象、JS中的继承

ES中没有类的概念,这也使其对象和其他语言中的对象有所不同,ES中定义对象为:“无序属性的集合,其属性包含基本值.对象或者函数”.现在常用的创建单个对象的方法为对象字面量形式.在常见多个对象时,使用工程模式的一种变体. 1.理解对象 1)对象的属性分两种:数据属性和访问器属性,每个类型的属性都具有相应的特性. 数据属性:包含一个数据值的访问位置,在这个位置可以读取和写入数据.其包含四种特性:[[Configurable]].[[Enumerable]].[[Writable]].[[Value]…

理解Java中的对象，变量和方法

1.对象的创建和销毁 1.1 对象的创建这里只介绍创建对象与构造方法的关系 (1).每实例化一个对象就会自动调用一次构造方法,实质上这个过程就是创建对象的过程,准确的说,在Java语言中使用new操作符调用构造方法创建对象. (2).当创建对象时,自动调用构造方法,也就是说在Java语言中,初始化与创建对象是捆绑在一起的. (3).每个对象都是相互独立的,在内存中占独立的内存地址,并且每个对象都有自己的生命周期,当一个对象的生命周期结束时,对象变成垃圾,由Java虚拟机回收处理. 1.2 对象…

深入理解JS中的对象（一）

目录一切皆是对象吗? 对象原型与原型链构造函数参考 1.一切皆是对象吗? 首先,"在 JavaScript 中,一切皆是对象"这种表述是不完全正确的. JavaScript 的数据类型分为两类:原始值类型和对象(Object类型). 原始值类型(ES5): undefined null - typeof null 的值为"object",是因为 ES5 规范规定:对于 null 值的 typeof 字符串值返回"object" true/…

WPF教程九：理解WPF中的对象资源

在WPF中,所有继承自FrameworkElement的元素都包含一个Resources属性,这个属性就是我们这篇要讲的资源. 这一篇讲解的资源是不是上一篇的程序集资源(那个是在编译过程中打包到程序集中),这个是资源是我们想在公共的地方写一个对象让其他元素重复使用. 先贴个例子: <Window x:Class="NETResource.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/pre…

全面理解Javascript中Function对象的属性和方法

http://www.cnblogs.com/liontone/p/3970420.html 函数是 JavaScript 中的基本数据类型,在函数这个对象上定义了一些属性和方法,下面我们逐一来介绍这些属性和方法,这对于理解Javascript的继承机制具有一定的帮助. 属性(Properties) arguments 获取当前正在执行的 Function 对象的所有参数,是一个类似数组但不是数组的对象,说它类似数组是因为其具有数组一样的访问性质及方式,可以由arguments[n]来访问对应的…

HTML5中的对象的拖拽

拖拽: draggable="true"页面上就能实现拖拽事件: ondragstart 拖拽开始事件 ondrag 拖拽中 ondragend 拖拽结束事件投放区事件: ondragenter 进入投放区 ondragover 投放区移动 ondragleave 离开投放区 ondrop 投放区投放例文: <head> <meta charset="UTF-8"> <title></title> <styl…

html5中二进制对象Blob的使用——Blob与ArrayBuffer、TypeArray和String的相互转换

在网页开发中遇到这样一个问题,在使用select的时候,想让里面的文字水平居中.首先想到的是text-align:center;但是发现在Chrome浏览器下不兼容,需要使用到text-align-last:center;就可以了.代码如下: select{ width: 400px; text-align:center; text-align-last:center;/*兼容chrome*/ } </style> <select> <option value="1…

JavaScript中的对象-创建对象的7种模式

文章来源:http://blog.csdn.net/u014346301/article/details/52204967 ECMA-262把对象定义为:”无需属性的集合,其属性可以包含基本值.对象或者函数.”严格来讲,这就相当于说明对象是一组没有特定顺序的值.对象的每个属性或方法都有一个名字,而每个名字都映射到一个值.正因为这样,我们可以把ECMAScript的对象想象成散列表:无非就是一组名对值,其中值可以是数据或函数. 创建自定义对象最简单的方式就是创建一个Object的实例,然后再为他添…

HTML5中的Range对象的研究

一:Range对象的概念 Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改页面上的任何区域,可以通过如下创建一个空的Range对象,如下: var range = document.createRange(); 在html5中,每一个浏览器窗口及每一个窗口中都有一个selection对象,代表用户鼠标在页面中所选取的区域,(注意:经过测试IE9以下的浏览器不支持Selection对象), 可以通过如下语句创建selection对象: var selection =…

HTML5中的Range对象的研究（转载）

HTML5 页面编辑API之Range对象

在 HTML5 中,一个 Range 对象代表页面上的一段连续区域.通过 Range 对象,可以获取或修改页面上的任何区域.包含获取,修改,删除和替换等操作. 一:获取range对象的值 Range对象提供鼠标选取功能,通过Range对象可以获得选取的内容,以及选取的内容的个数. var s = document.getSelection();//此方法获得选中内容,获取range对象 s.rangeCount;//获得选中个数 function rangeText(){ var e_show…

session与cookie的区别以及HTML5中WebStorage理解

一.session与cookie的区别二.HTML5中WebStorage理解 WebStorage的目的是克服由cookie所带来的一些限制,当数据需要被严格控制在客户端时,不需要持续的将数据发回服务器. WebStorage两个主要目标:(1)提供一种在cookie之外存储会话数据的路径.(2)提供一种存储大量可以跨会话存在的数据的机制. HTML5的WebStorage提供了两种API:localStorage(本地存储)和sessionStorage(会话存储). 1.生命周期:loc…

HTML5编辑API之Range对象

Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改页面上的任何区域,可以通过如下创建一个空的Range对象,如下: var range = document.createRange(); 在html5中,每一个浏览器窗口及每一个窗口中都有一个selection对象,代表用户鼠标在页面中所选取的区域,(注意:经过测试IE9以下的浏览器不支持Selection对象), 可以通过如下语句创建selection对象: var selection = document.getS…

html5学习笔记5--API Range对象(二)

Range对象之cloneRange和cloneContents 代码效果如下首次点击“选择内容“按钮提示如下接着会显示最后显示以下为整个代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <script> fu…

html5学习笔记4--API Range对象(一)

Range对象基本用法效果图如下(在谷歌浏览器下的展示)…

getSelection、range 对象属性，方法理解，解释

网上转了一圈发现没有selection方面的解释,自己捣鼓下以这段文字为例子.. <p><b>法国国营铁路公司(SNCF)20日承认,</b>新订购的2000列火车因车体过宽,<strong>无法开进国内许多火车站的站台,从而不得不花大笔资金改造站台.</strong>法国国营铁路公司发言人克里斯托夫·皮耶诺埃尔告诉法国新闻电台:“我们发现问题晚了点.<b>我们承认这一失误并为此承担责任.”</b></p>…

Range对象理解，浏览器兼容性，获取鼠标光标位置

一.关于浏览器的兼容性目前主要有3种关于range的类似的对象,分别是W3C range 对象,Mozzlia selection ,ie TextRange 关于这三种的区别,请查看文档 http://www.quirksmode.org/dom/w3c_range.html 这里面对这三个是说的很清楚的可以看出 Mozilla 的 range 是一个selection对象 ,而在ie下 range 是一个 text Range 这个和Mozilla是完全不同的,所以需要为这两种类型的ra…

HTML5中的Blob对象的使用

HTML5中的Blob对象和MYSQL中的BLOB类型在概念上是有点区别的.MYSQL中的BLOB类型就只是个二进制数据容器.而HTML5中的Blob对象除了存放二进制数据外还可以设置这个数据的MINE类型,这相当于对文件的储存,其它很多二进制对象也是从这个对象继承的. 在稍低版本的现代浏览器中,这个Blob对象还没规范化,因此需要BlobBuilder之类的方式来创建.但是现在Blob已经规范到可以直接new它的构造器Blob来创建了,而且浏览器几乎都已经支持了这个方式,所以对于旧标准咱就没必…

HTML5 编辑 API 之 Range 对象（一）

一.Range 对象基本概念通过使用 Range 对象所提供的方法实现一个鼠标选取内容,通过点击按钮打印出选中内容,当然注意在不同的浏览器下可选中的内容数量是不同的. <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <scr…

处理Selection对象和Range对象——Word VBA中重要的两个对象

处理Selection对象和Range对象——Word VBA中重要的两个对象 Word 开发人员参考Selection 对象代表窗口或窗格中的当前所选内容.所选内容代表文档中选定(或突出显示)的区域,如果文档中没有选定任何内容,则代表插入点.每个文档窗格只能有一个 Selection 对象,并且在整个应用程序中只能有一个活动的 Selection 对象.说明可以使用 Selection 属性返回 Selection 对象.如果 Selection 属性未使用对象限定符,则 Microsoft…

HTML5中的二进制大对象Blob（转）

HTML5中的Blob对象和MYSQL中的BLOB类型在概念上是有点区别的.MYSQL中的BLOB类型就只是个二进制数据容器.而HTML5中的Blob对象除了存放二进制数据外还可以设置这个数据的MINE类型,这相当于对文件的储存,其它很多二进制对象也是从这个对象继承的. 一个Blob对象就是一个包含有只读原始数据的类文件对象.Blob对象中的数据并不一定得是JavaScript中的原生形式.File接口基于Blob,继承了Blob的功能,并且扩展支持了用户计算机上的本地文件. 创建Blob对象的…

[html5] 学习笔记- 编辑API之Range对象（二）

本节继续介绍range对象的方法,包括cloneRange,cloneContents,extraContents,createContextual,createContextual-Fragment,insertNode,compareBoundaryPoints,collapse,detach方法. 1.cloneRange,cloneContents,extraContents方法 cloneRange:对当前的range对象复制,返回复制的对象 <body> <script>…

[html5] 学习笔记-编辑 API 之 Range 对象（一）

1.Range对象的基本概念一个Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改网页上的任何区域. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> function rangeTest(){ var html; sh…

深入理解Java中的不可变对象

深入理解Java中的不可变对象不可变对象想必大部分朋友都不陌生,大家在平时写代码的过程中100%会使用到不可变对象,比如最常见的String对象.包装器对象等,那么到底为何Java语言要这么设计,真正意图和考虑点是什么?可能一些朋友没有细想过这些问题,今天我们就来聊聊跟不可变对象有关的话题. 以下是本文目录大纲: 一.什么是不可变对象二.深入理解不可变性三.如何创建不可变对象四.不可变对象真的"完全不可改变"吗? 若有不正之处,希望谅解并欢迎批评指正. 请尊重作者劳动成果,转载…

html5之history对象理解

history对象之pushState,replaceState浏览器有一个history对象,用来保存浏览历史,用户可以通过点击浏览器的后退或前进按钮在历史记录中切换.之前对history的操作的API主要是前进.后退.跳转等,而在HTML5中提供了2个新方法来管理history. history.pushState(state, title, url); history.replaceState(state, title, url); 参数说明 state:一个与指定历史记录相关联的状态对象…

html5 canvas中CanvasGradient对象用法

html5 中canvas提供了强大的渲染样式,可以实现一些比较复杂的样式设置,今天学习了CanvasGradient对象可以实现一个颜色的渐变 CanvasGradient对象可以实现两种不同形式的颜色渐变, 线性颜色渐变(从一端到一端的颜色渐变) 放射性颜色渐变(从一个点或一个圆向外进行辐射性的颜色渐变) 一.首先要创建一个CanvasGradient对象(两种) 1.创建一个作用于canvas指定区域的线性颜色渐变CanvasGradient对像: createLinearGradient…

【理解HTML5中Range对象】的更多相关文章