当前位置:首页 > 日记 > 正文

在Javascript中使用TextRange对象的方法总结

在Javascript中使用TextRange对象的方法总结
的TextRange对象是动态HTML(DHTML)的高级特性,使许多文本相关的任务,如搜索和选择文本。文本范围允许你有选择性地选择字符,单词,句子和文档,TextRange对象是一个抽象对象,设置起始位置和结束位置的文本流将显示HTML文档。

以下是TextRange的共同的属性和方法:

属性

BoundingHeight获得的绑定TextRange对象的矩形的高度

BoundingLeft得到距离绑定TextRange对象的左边缘和矩形的左侧TextRange对象之间

offsetleft获取该对象相对于布局或母坐标的计算offsetparent属性指定的左边位置

offsettop获取该对象相对于布局或母坐标的offsetparent属性指定计算顶部的位置

HtmlText获得的绑定TextRange对象的矩形的宽度

文本设置或获取包含在该范围内的文本。

方法

的MoveStart变化范围的起始位置

的MoveEnd变化范围的结束位置

折叠将插入点移动到当前范围的开头或结尾。

移动折叠给定的文本范围,并为给定的单位移动一个空范围。

execcommand执行命令在当前文档的当前选定区域,或指定范围

选择将当前选择区域设置为当前对象

The findText searches the text in the text and sets the beginning and end points of the scope to encircling the search string.

TextRange对象的使用通常包括三个基本步骤:

1。创建文本范围

2。设置开始点和结束点

三.经营范围

复制代码代码如下所示:
movecursor()函数

{

VaR的温度= this.txtnum.value;

如果(isnan(临时))

{

警报(请输入数字);

返回;

}

VaR RNG = this.txttest.createtextrange();

rng.move(人物

Rng.select();

}

将光标移动到下一个位置。

1.createtextrange()

这种方法是通过创建一个TextRange对象的支持,如身体、文本、文本、按钮等元素。该方法返回一个TextRange对象。

2.move(单位{,计数})

移动()方法执行两个操作。首先,该方法将当前文档与前一个点的结尾重叠,将其插入为插入点;然后,插入该点以向前或向后移动任何字符、单词或句子单元。

该方法的第一个参数是一个字符串,它指定一个单位的字符(字符),字(词),句子(段洛),和文字编辑,文字编辑值将插入点移动到整个文本范围的结束(没有参数是必需的)。如果你指定第一个三台,和默认值是1的时候忽略的参数,你可以指定一个整型值表示单位数量。正数代表向前运动,负数代表向后运动。

注意,在移动()方法执行后,范围仍然重叠。

3.select()

select()方法选择当前文本范围中的文本,并且显示游标也必须用它来实现,因为所谓的游标可以理解为边界重合的范围。

复制代码代码如下所示:
菊花桌(满城金甲主题曲)

歌手:Jay Chou album,仍然幻想

眼泪在你眼中哭泣

白色的月亮弯曲在过去。

夜太长,无法结霜。

阁楼上冰冷的绝望是谁

雨水的浅红色的窗户

我一生都被纸打过

梦想在远方变成一缕云彩

风随你飘荡

菊花淡了,你的笑容变黄了。

花落在我的心上静静的滴落。

北风吹维扬夜你的影子

让我一个人待在湖面上结霜

VaR RNG = txtbox.createtextrange();

功能findtext(STR)

{

如果(=)

返回;

/ /定义变量(MoveStart)作为补偿功能,即,起点选择跳过文本

var = 0;

如果(文档选择)

Num = document.selection.createrange(Text.length);

每次调用函数时,端点是结束,起始点是跳过选定新起始点的文本。

Rng.moveStart(人物

Rng.moveEnd(人物

选择文本搜索

如果(rng.findtext(STR))

Rng.select();

对搜索/范围的结束找不到它,然后提示搜索完成后,恢复原RNG范围(或执行一个新的搜索)

如果(rng.text!= str)

{

警报(搜索完成);

RNG = txtbox.createtextrange();

}

}

上述例子说明了使用MoveStart()和moveene()方法选择的几种方法,出现如下范围:

4.movestart(单位{,}(计数)和MoveEnd单位{,计数})

MoveStart()和()方法的MoveEnd类似移动()方法,默认的开始点和结束点的容器中的第一个字符的最后一个字符

我们可以修改selecttext()函数的上述证明:

复制代码代码如下所示:

selecttext()函数

{

VaR RNG = txtbox.createtextrange();

Rng.moveStart(人物

Rng.moveEnd(人物

Rng.select();

}
向前移动起始点移动字符和结束点回到一个字符。在运行之后,您可以看到除了第一个字符和最后1个字符之外,选择范围是整个文本范围。

5.collapse({布尔})

崩溃()方法可以重叠的文本范围从目前的大小到一个单一的字符之间插入点。崩溃的可选参数()方法是布尔值,这表明范围重合在当前范围的起始点或结束点重合。默认值是真的,这正好在起点:

6.findtext(要查找的字符串{,}范围,标志)

TextRange对象的一个最有用的方法是findtext()。它的默认行为是从开始点到结束点浏览文本范围,并搜索区分大小写的字符串匹配。如果在范围内找到实例,则该范围的起始点和结束点都放在该文本中。方法返回true,否则返回false,起始点和结束点不移动。该方法只搜索显示文本,并且不搜索任何标记或属性。

Optional parameter searchScope is an integer value, which indicates the greater the number of characters from the start point, the more text is contained in the search scope. 负值将迫使搜索操作从当前起始点向后搜索。

可选的参数标记用于设置搜索区分案例或案例,或匹配整个单词而已。一个参数是一个整型值,采用比特组合数学方法计算一个值,可以容纳一个或多个设置。匹配整个单词是2的值,匹配的情况下的值是4;如果我们要比赛只有一个项目,我们只提供所需要的价值,但这两种行为,我们需要使用位运算异或操作(^算子)做出价值6。

(findtext)最常见的应用包括在范围的搜索和替换操作,以及格式化字符串的例子,因为通常在搜索查询当前范围的开始,所以再次将开始移动到文章末尾的范围(如3)为例,移动后使findtext()继续浏览剩余的文字,找到另一根火柴。崩溃(假)方法可用于力的起始点移动的第一场比赛的范围的结束点。所以findtext()的例子3功能也可以修改:

复制代码代码如下所示:
VaR RNG = txtbox.createtextrange();

功能findtext(STR)

{

如果(=)

返回;

如果(rng.findtext(STR))

{

Rng.select();

Rng.collapse(假);

}

对搜索/范围的结束找不到它,然后提示搜索完成后,恢复原RNG范围(或执行一个新的搜索)

其他的

{

警报(搜索完成);

RNG = txtbox.createtextrange();

}

}
6.parentelement()

的parentelement()方法返回一个引用包含一个文本范围的容器

DOM对象以获取由光标选择的文本。

复制代码代码如下所示:
getparelem()函数

{

VaR RNG = document.selection.createrange();

var container = rng.parentelement();

/ /警报(container.getattribute(ID)| | container.getattribute(价值)| | container.getattribute()));

警报(容器。tagname);

}

这是只属于正文的文字。

这是div中包含的文本。

这是p中所包含的文本。

这是包含在强文本中的文本。

相关文章

教你如何使用Firebug调试能力,了解J

教你如何使用Firebug调试能力,了解J

调试,闭包,能力,教你,如何使用,对我这样的人来说,Javascript是自学的,没有语言学习的经验,Javascript调试也是一个很大的困难。许多基本的东西需要自己去探索。这个过程很郁闷。 认为将借此机会的图片通过Firebug和关闭后的再次示范,也是一个调试经验分享…

PS图象处理软件生产的一种细条纹水

PS图象处理软件生产的一种细条纹水

导航栏,图象,处理软件,水晶,细条纹,本教程介绍了制作导航栏的一种非常精细的方法。一般流程:首先使用您要使用的导航栏的形状,然后分别在导航栏的高亮部分和背景部分设置图层样式,制作晶体纹理。 最终效果 1,打开背景材料,如下图所示。 2、选择…

jQuery确定元素上的元素是否绑定到

jQuery确定元素上的元素是否绑定到

元素,事件,绑定,电脑软件,jQuery,本文演示了jQuery如何确定一个指定的事件是否与元素上的元素绑定: 例如,下面的代码可以确定该ID = testdiv元素绑定到的单击事件,这不仅对jQuery绑定事件是有效的,和JS将军的事件绑定是无效的。 jQuery事件封…

超级励志经典签名

超级励志经典签名

经典,电脑软件,以下是你所编的超级励志经典人物签名的全部内容。如果您喜欢小编辑器的建议,请继续关注它。 只有胜利才能生存,只有成功才有代价,只有耕耘才能收获。 荣誉是嫉妒成功,但成功认为你是荣誉。 如果你想在世界上取得成功,当你去一个沙…

PS多边形套索工具替换背景教程

PS多边形套索工具替换背景教程

替换,教程,工具,套索,多边形,本教程是介绍一个PS多边形套索工具给朋友修改背景图片。教程比较简单。非常适合初学者学习。 如何使用多边形套索工具来代替背景图片,我相信有一些人不知道。我们该怎么做这里的萧边与你分享如何使用多边形套索…

ps制作的美丽动画经典美女动感水波

ps制作的美丽动画经典美女动感水波

动画,水波,动感,效果,美丽,本文主要介绍了ps制作的美丽动画经典动态水波效果,效果非常好。喜欢的朋友可以一起学习到一起。 先谈材料和效果: 先打开材料复制一个: 通过使用图片中的动态流水线的方式,我将擦拭它。 然后在右下角新建一层,然后用…

如何在短时间内快速使用这些技能,获

如何在短时间内快速使用这些技能,获

工具,时间内,技能,快速,如何在,ps新手快速秘籍:用技巧在短时间内知道ps工具的速度有多快 PS新手快速秘籍:使用在短时间的技巧,知道如何快速的PS为基础的工具,在这个巨大的怪物PS图象处理软件面对初学者,第一直观的感觉是不知道从哪里开始。那么…

如何用Word制作象棋地图

如何用Word制作象棋地图

象棋,如何用,地图,电脑软件,Word,中国象棋在中国有悠久的历史,它是一个人的对抗性的游戏。由于设备简单,趣味性强,成为流行极为广泛的棋艺活动。下面将教你如何使用Word2003使中国象棋图纸,工艺主要应用形式、绘画、文字和其他工具。 1、创建新…

经典QQ签名的审美短句

经典QQ签名的审美短句

短句,经典,电脑软件,QQ,我爱你不能等于改变成你爱我 每个人都会有情绪,但不要被它引导。 我笑得不太厉害。 爱情就像喝酒,无味无味,伤喉。 爱是一百年的寂寞,在我遇见你之后 我伤害了你,但辛汝道格 每一片笑声都有别人不懂的悲伤。 很高兴见到你…

jQuery只是实现隐藏并显示特殊效果

jQuery只是实现隐藏并显示特殊效果

显示,特殊效果,电脑软件,jQuery,简单的隐藏和显示代码如下所示: 复制代码代码如下所示: $(文档)Ready(函数(){) $(#隐藏),Click(function(){) $(p)。隐藏(); }); $(#秀),Click(function(){) $(p); }); }); 如果你点击隐藏按钮,我会消失。 隐藏 显示 效果很好,代码很简…

只有甜蜜幸福的个性签名

只有甜蜜幸福的个性签名

个性签名,甜蜜,电脑软件,海绵宝宝是快乐每一天,因为他有帕特里克。 幸福是当你厌倦了一种状态,而另一些人则伴随着傻傻的微笑。 行李不多,但你的思念必须带走。 我把对你的思念写满了华建可仁。 每次你生气,都有人哄我。 你的微笑,我的爱。 保持…

秸秆工具精加工技术

秸秆工具精加工技术

工具,技术工具,秸秆,加工,电脑软件,以下小给大家带来AI Straw工具的神奇技巧,非常基础教程,非常适合初学者学习,推荐,爱好的朋友一起学习。 最近发现,AI的吸盘工具可以吸收AI以外的颜色。 以CD中的ai为例: 1。先选择颜色改变图形,然后选择吸力工…