CN102999579B - 页面文本框处理浏览器和页面文本框元素处理方法 - Google Patents

Abstract

本发明公开了一种页面文本框处理浏览器和页面文本框元素处理方法，该方法包括：在浏览器侧加载获取页面，并对获取页面中的文本框元素进行解析，将该文本框元素转换为DOM对象；从对象处理注册表中查询所述浏览器中是否存在对所述文本框元素进行处理的DOM对象处理器，其中，所述对象处理注册表中登记所述至少一个DOM对象处理器，然后调用所述设置的至少一个文本框元素的DOM对象处理器对所述转换的DOM对象中的至少一个文本框元素进行所述设置的定制处理；将所述定制处理结果显示在获取页面中的文本框元素上。采用本发明能够对文本框元素提供了改进的呈现和处理方式，增加了页面的交互性能。

Description

页面文本框处理浏览器和页面文本框元素处理方法

技术领域

本发明涉及网络应用领域，具体涉及一种页面文本框处理浏览器以及页面文本框元素处理方法。

背景技术

随着国际互联网的快速发展，基于国际互联网的应用和信息也呈现出爆发性的增长。网络浏览器为互联网用户提供了一种访问网络信息和使用网络应用的方式，该方式适用性强，越多越多的用户已经习惯于通过网络浏览器来获取各种信息和使用各种应用。网络信息和应用供应商提供以诸如HTML（超文本标记语言，HypertextMarkupLanguage）之类格式的语言编写的网页，网络浏览器在用户处呈现这些网页，从而使得网络浏览器的用户可以获取相关信息。随着网络技术的快速发展，由网络浏览器呈现的内容也越来越丰富，因此网络浏览器的呈现功能也越来越强大和重要。目前常见的网页浏览器有微软公司的InternetExplorer、MozillaFirefox、谷歌公司的Chrome、Opera以及苹果公司的Safari等等。

在相关技术中，网络浏览器利用渲染引擎（RenderingEngine）来解释网页中的内容（如HTML、JavaScript）并渲染（显示）网页。渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的渲染引擎对网页编写语法的解释也有不同，因此同一网页在不同渲染引擎的浏览器里的渲染（显示）效果也可能不同。

目前网页浏览器的渲染引擎通过将HTML中的各个元素以及js代码转换成DOM模型来进行渲染。在进行转换时，整个HTML文档被构建DOM树，HTML中的各元素被转换成DOM树中的对象，而对象之间的关系被构造为节点和子节点之间的关系来构造，通过使用有关对象的方法，可以对这些对象进行寻址和操作。DOM模型已经具有很多公共的规范和定义。

当网页浏览器处理HTML页面时，浏览器中的渲染引擎对HTML页面语言进行分析，将其处理为DOM模型，随后利用DOM模型来构造用于在浏览器中显示页面的内部结构。DOMAPI还向js代码提供了监控或者修改网页的接口。

渲染引擎引入了基于事件的机制来处理DOM对象。每个DOM对象具有相关联的多个事件，并且这些事件可以被触发。例如，渲染引擎分析网页中的JS代码，并且将相应JS代码和事件相关联，从而使得到特定事件被触发时，执行相应的JS代码。

然而，在目前的网页浏览器中，渲染引擎通常仅仅根据HTML网页中的JS代码来控制相应DOM对象，因此，用户使用浏览器时很难对DOM对象，即网页中的各个元素进行定制渲染。

文本框（textarea）是网页中适合输入大量文字的元素，目前很多网络应用提供商都利用textarea元素来为用户提供输入个人简介、评论等接口。随着用户互动的增多，textarea的应用也越来越广泛。现有的网页浏览器在显示文本区域输入框（textarea）时，在javascript代码和css等控制下，可以规定textarea的列数和栏数，textarea中输入的文字大小、字体以及位置等信息。但是，在文本区域输入框中的文字的显示方式是一致的，难以为不同的文字规定不同的字体，也难以在文本框中输入类似于表格、图像以及音频等多媒体信息。因此，目前需要对textarea的呈现和处理方式进行改进，以便提供更丰富的输入和呈现方式。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的页面文本框处理浏览器和页面文本框元素处理方法。

依据本发明的一个方面，提供了一种页面文本框处理浏览器，包括：至少一个文本框元素的DOM对象处理模块，设置在浏览器侧，其中每个对象处理模块配置为存储有文本框元素的定制处理；转换模块，配置为在浏览器侧加载获取页面，并对获取页面中的文本框元素进行解析，将该文本框元素转换为DOM对象；定制处理模块，配置为调用设置的至少一个文本框元素的DOM对象处理模块对转换的DOM对象中的至少一个文本框元素进行设置的定制处理；显示模块，配置为将定制处理结果显示在获取页面中的文本框元素上；查询模块，配置为从对象处理注册表中查询所述浏览器中是否存在对所述文本框元素进行处理的DOM对象处理模块，其中，所述对象处理注册表中登记所述至少一个DOM对象处理模块。

可选地，定制处理模块还配置为从转换DOM对象中获取文本框元素在浏览器页面上的位置信息；根据位置信息，在文本框元素上生成重叠的块级层；在块级层上，调用设置的至少一个文本框元素的DOM对象处理模块对转换的DOM对象中的至少一个文本框元素进行设置的定制处理。

可选地，显示模块还配置为将定制处理结果显示在位于获取页面的文本框元素上的块级层上。

可选地，块级层包括div层时，显示模块还配置为获取文本框元素经定制处理后生成的内容信息；对内容信息进行解码，并将解码后的内容信息显示在div层上。

可选地，至少一个DOM对象处理模块中存储有规定对文本框元素加载完成时触发的事件ContentReady进行处理的处理方式。

可选地，处理方式包括下列至少之一：为文本框元素中不同的文字设置不同的字体；在文本框元素中输入表格；在文本框元素中输入图像；在文本框元素中输入多媒体信息。

可选地，多媒体信息包括音频和/或视频。

可选地，块级层包括div层时，定制处理模块还配置为调用文本框元素的innerText属性；调用设置的至少一个文本框元素的DOM对象处理模块对innerText属性进行重定义；将文本框元素的重定义后的innerHTML属性返回至div层。

可选地，重定义操作包括：onblur或onSubmit的处理方式。

依据本发明的另一个方面，提供了一种页面文本框元素处理方法，在浏览器侧设置至少一个文本框元素的DOM对象处理器，其中每个对象处理器存储有文本框元素的定制处理，该方法包括：在浏览器侧加载获取页面，并对获取页面中的文本框元素进行解析，将该文本框元素转换为DOM对象；从对象处理注册表中查询浏览器中是否存在对文本框元素进行处理的DOM对象处理器，其中，对象处理注册表中登记至少一个DOM对象处理器，然后调用设置的至少一个文本框元素的DOM对象处理器对转换的DOM对象中的至少一个文本框元素进行设置的定制处理；将定制处理结果显示在获取页面中的文本框元素上。

可选地，调用设置的至少一个文本框元素的DOM对象处理器对转换的DOM对象中的至少一个文本框元素进行设置的定制处理，包括：从转换DOM对象中获取文本框元素在浏览器页面上的位置信息；根据位置信息，在文本框元素上生成重叠的块级层；在块级层上，调用设置的至少一个文本框元素的DOM对象处理器对转换的DOM对象中的至少一个文本框元素进行设置的定制处理。

可选地，将定制处理结果显示在获取页面中的文本框元素上，包括：将定制处理结果显示在位于获取页面的文本框元素上的块级层上。

可选地，块级层包括div层时，将定制处理结果显示在获取页面中的文本框元素上，包括：获取文本框元素经定制处理后生成的内容信息；对内容信息进行解码，并将解码后的内容信息显示在div层上。

可选地，至少一个DOM对象处理器中存储有规定对文本框元素加载完成时触发的事件ContentReady进行处理的处理方式。

可选地，处理方式包括下列至少之一：为文本框元素中不同的文字设置不同的字体；在文本框元素中输入表格；在文本框元素中输入图像；在文本框元素中输入多媒体信息。

可选地，多媒体信息包括音频和/或视频。

可选地，块级层包括div层时，调用设置的至少一个文本框元素的DOM对象处理器对转换的DOM对象中的至少一个文本框元素进行设置的定制处理，包括：调用文本框元素的innerText属性；调用设置的至少一个文本框元素的DOM对象处理器对innerText属性进行重定义；将文本框元素的重定义后的innerHTML属性返回至div层。

可选地，重定义操作包括：onblur或onSubmit的处理方式。

可选地，浏览器为IE浏览器时，浏览器所在的客户端在WebBrowser插件设置第一接口IElementBehaviorFactory、第二接口IElementBehavior以及第三接口IDocHostUIHandler，其中，第一接口和第二接口用于调用各DOM对象处理器，第三接口用于将各DOM对象处理器注册到对象处理注册表中；调用设置的至少一个文本框元素的DOM对象处理器，包括：内核引擎根据浏览器所在的客户端提供的行为名称BehaviorName，通过第二接口调用与第一接口连接的设置的至少一个文本框元素的DOM对象处理器；以及内核引擎根据客户端提供的页面元素标识TAG加载对应的页面元素时，调用元素行为通知方法，通知客户端页面元素的加载状态。

可选地，内核引擎调用设置的至少一个文本框元素的DOM对象处理器，包括：内核引擎与获取页面提供的第四接口IElementBehaviorSite关联，通过第四接口确定文本框元素已有定制处理时，调用对应的DOM对象处理器。

在本发明实施例中，对于文本框元素解析出的每个DOM对象，在网络侧设置对其进行定制处理的DOM对象处理模块，在页面的获取过程中，利用调用的DOM对象处理模块对DOM对象进行设置的定制处理。由于至少一个DOM对象处理模块可以存储至少一种定制处理方式，因此，可以对文本框元素进行至少一种处理，进而可以调整文本框元素中不同元素呈现不同状态。由此可见，采用本发明实施例提供的对页面文本框进行处理的浏览器，能够对文本框元素中的不同DOM对象分别进行处理，由此呈现的文本框元素可以实现个性化定制处理，例如，可以为不同的文字规定不同的字体，呈现不同的颜色，再例如，在文本框元素中输入类似于表格、图像以及音视频等多媒体信息。保证了文本框元素并非是根据网络应用和信息提供商所要求的固定方式，进而实现了用户能够对文本框元素呈现的内容进行个性化定制的目的，满足不同的用户的偏好，提高用户的感受体验。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明一个实施例的页面文本框处理浏览器的结构示意图;

图2示出了根据本发明一个实施例的页面文本框元素处理方法的处理流程图;

图3示出了根据本发明一个实施例的在块级层上进行定制处理的处理流程图；以及

图4示出了根据本发明一个实施例的页面文本框处理浏览器的结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

相关技术中提及，在文本区域输入框中的文字的显示方式是一致的，难以为不同的文字规定不同的字体，也难以在文本框中输入类似于表格、图像以及音频等多媒体信息。因此，目前需要对textarea的呈现和处理方式进行改进，以便提供更丰富的输入和呈现方式。

由于文本框元素是呈现在浏览器中，因此，本发明实施例提供了一种能够对页面文本框进行处理的浏览器，利用该浏览器对文本框元素的呈现和处理方式进行改进。在本例中，改变对文本框元素的处理方式，为文本框元素提供DOM对象处理模块，每个对象处理模块中存储有其对应的文本框元素的定制处理。实施时，可以不同的定制处理方式对文本框元素进行处理，实现文本框元素丰富的输入和呈现方式。

图1示出了根据本发明一个实施例的页面文本框处理浏览器的结构示意图。该浏览器包括至少一个文本框元素的DOM对象处理模块110、转换模块120、定制处理模块130以及显示模块140。

其中，DOM对象处理模块110包括至少一个，且预先设置在浏览器侧，在每个DOM对象处理模块110中存储有文本框元素的定制处理。DOM对象处理模块的数量可以是1个，也可以是2个，也可以是3个、4个、5个或更多，具体的数量根据特定DOM对象的数量以及定制处理的数量决定。图1中为了示意，将其设置为3个。

在对获取的一个页面进行处理时，转换模块120首先在浏览器侧加载获取页面。考虑到页面以及页面元素并不能够直接进行处理，因此，转换模块120对获取页面中的文本框元素进行解析，将该文本框元素转换为DOM对象，以供后续的定制处理模块130进行处理。

参见图1，定制处理模块130耦接到转换模块120和在浏览器预设置的至少一个文本框元素的DOM对象处理模块110。当对文本框元素的解析及转换操作结束后，转换模块120会调用设置的至少一个文本框元素的DOM对象处理模块130对转换的DOM对象中的至少一个文本框元素进行设置的定制处理。

其中，显示模块140耦接到定制处理模块130。在定制处理模块130的定制处理操作结束后，显示模块140将定制处理结果显示在获取页面中的文本框元素上。

在本发明实施例中，对于文本框元素解析出的每个DOM对象，在网络侧设置对其进行定制处理的DOM对象处理模块，在页面的获取过程中，利用调用的DOM对象处理模块对DOM对象进行设置的定制处理。由于至少一个DOM对象处理模块可以存储至少一种定制处理方式，因此，可以对文本框元素进行至少一种处理，进而可以调整文本框元素中不同元素呈现不同状态。由此可见，采用本发明实施例提供的对页面文本框进行处理的浏览器，能够对文本框元素中的不同DOM对象分别进行处理，由此呈现的文本框元素可以实现个性化定制处理，例如，可以为不同的文字规定不同的字体，呈现不同的颜色，再例如，在文本框元素中输入类似于表格、图像以及音视频等多媒体信息。保证了文本框元素并非是根据网络应用和信息提供商所要求的固定方式，进而实现了用户能够对文本框元素呈现的内容进行个性化定制的目的，满足不同的用户的偏好，提高用户的感受体验。

上文提及，定制处理模块130能够调用至少一个文本框元素的DOM对象处理模块110。优选的，定制处理模块130首先从转换的DOM对象中获取文本框元素在浏览器页面上的位置信息。进一步，定制处理模块130能够根据获取的位置信息，在文本框元素上生成重叠的块级层。随后，在重叠的块级层上，定制处理模块130调用设置的至少一个文本框元素的DOM对象处理模块110对转换的DOM对象中的至少一个文本框元素进行设置的定制处理。设置重叠的块级层后，对文本框元素的定制处理均在该块级层上执行，而并非在文本框元素自身上执行，既保护了文本框元素自身的原始性和真实性，又能够对文本框元素进行相应处理，使其呈现效果能够满足用户的个性化定制。

定制处理模块130在重叠的块级层上对文本框元素进行定制处理时，显示模块140可以将定制处理结果显示在位于获取页面的文本框元素上的块级层上。

优选的，本发明实施例提供的块级层包括div层时，显示模块140从定制处理模块130中获取文本框元素经定制处理后生成的内容信息，并对内容信息进行解码，将解码后的内容信息显示在div层上。

其中，对于DOM对象处理模块110的调用操作，定制处理模块130需要知道每个DOM对象处理模块110的地址，进而进行相应的调用，若DOM对象处理模块较多且存储地址相对分散的情况下，定制处理模块130的调用就会存在一定的难度。现提供一种优选的调用方式，本例中，设置对象处理注册表，在该表格中登记所有的DOM对象处理模块的登记信息，此处的登记信息可以包括各DOM对象处理模块的存储地址、每个DOM对象处理模块的定制操作、是否正在被调用等等。相应的，参见图1，本发明实施例提供的对页面文本框进行处理的浏览器还包括查询模块160。该查询模块160与定制处理模块130耦合，从对象处理注册表中查询浏览器中是否存在对文本框元素进行处理的DOM对象处理模块。查询结束后，查询模块160将查询结果通知定制处理模块130，而定制处理模块130会根据查询结果调用相应的DOM对象处理模块110。

对于每个DOM对象，都存在有至少两个事件，一个是该DOM对象已经加载完成时触发的事件ContentReady，另一个是整个HTML都已经加载完成时触发的事件DocumentReady。由于本发明实施例仅仅是对文本框元素进行处理，因此仅仅涉及该DOM对象已经加载完成时触发的事件ContentReady。优选的，本发明实施例提供的至少一个DOM对象处理模块中存储有规定对文本框元素加载完成时触发的事件ContentReady进行处理的处理方式。

每个DOM对象处理模块中存储有对文本框元素的不同定制处理方式，此处存储的处理方式可以是能够对文本框元素进行处理的任意处理方式，例如，该处理方式可以是字体方面的，也可以是图像方面的等等。优选的，该处理方式可以是为文本框元素中不同的文字设置不同的字体、颜色、阴影、文本块等，还可以在文本框元素中输入表格，还可以在文本框元素中输入图像，还可以在文本框元素中输入多媒体信息。其中，多媒体信息包括音频和/或视频。本例中提供的处理方式可以单一使用，也可以以其中多项组合使用。且本例中提供的处理方式是一种例举，并不限于本例提供的处理试，能够实现对文本框元素进行的处理方式均可。

现以一个具体实施例对设置的重叠的块级层包括div层时的情况进行详细阐述和说明。

对于textarea，在网页浏览器的渲染引擎中包括针对textarea的特定处理器（即DOM对象处理模块），该特定处理器中至少规定了对DOM对象已经加载完成时触发的事件ContentReady进行处理的处理方法。

实施时，首先由定制处理模块130获取textarea的位置信息。然后，定制处理模块130在textarea的区域上重叠一个div层，设置div层的各种属性，由于div层叠加在textarea上，因此，div层事先接收交互事件，并进行处理。进一步，显示模块140获取textarea中的内容，对textarea的内容进行解码，并将其显示在div层上。

优选的，定制处理模块130调用文本框元素的innerText属性，调用设置的至少一个文本框元素的DOM对象处理模块110对innerText属性进行重定义，将文本框元素的重定义后的innerHTML属性返回至div层。其中，本例中的重定义操作包括：onblur或onSubmit的处理方式。

上述的对页面文本框进行处理的浏览器的各部分构架是根据其功能提供的，实际构架并不仅限于上述各部分，还可以包括其他部分、模块、器件等。

图2示出了根据本发明一个实施例的页面文本框元素处理方法的处理流程图。本例中，在浏览器侧设置至少一个文本框元素的DOM对象处理器，其中每个对象处理器存储有文本框元素的定制处理。该方法包括步骤S202至步骤S206。

步骤S202、在浏览器侧加载获取页面，并对获取页面中的文本框元素进行解析，将该文本框元素转换为DOM对象。

步骤S204、调用浏览器侧预设置的至少一个文本框元素的DOM对象处理器，对步骤S202转换的DOM对象中的至少一个文本框元素进行设置的定制处理。

步骤S206、将步骤S204的定制处理结果显示在获取页面中的文本框元素上。

在本发明实施例中，对于文本框元素解析出的每个DOM对象，在网络侧设置对其进行定制处理的DOM对象处理器，在页面的获取过程中，利用调用的DOM对象处理器对DOM对象进行设置的定制处理。由于至少一个DOM对象处理器可以存储至少一种定制处理方式，因此，可以对文本框元素进行至少一种处理，进而可以调整文本框元素中不同元素呈现不同状态。由此可见，采用本发明实施例提供的浏览器对页面文本框进行处理的方法，能够对文本框元素中的不同DOM对象分别进行处理，由此呈现的文本框元素可以实现个性化定制处理，例如，可以为不同的文字规定不同的字体，呈现不同的颜色，再例如，在文本框元素中输入类似于表格、图像以及音视频等多媒体信息。保证了文本框元素并非是根据网络应用和信息提供商所要求的固定方式，进而实现了用户能够对文本框元素呈现的内容进行个性化定制的目的，满足不同的用户的偏好，提高用户的感受体验。

本流程中的DOM对象处理器与前文所提及的DOM对象处理模块的功能是相类似的，因前文涉及浏览器的架构，因此将其称为DOM对象处理模块。而本流程中仅涉及DOM对象处理器一个部件，因此，无须将其称之为模块，后文不再赘述。

参见图2，步骤S204在实施时提及调用设置的至少一个文本框元素的DOM对象处理器对转换的DOM对象中的至少一个文本框元素进行设置的定制处理。一种优选的实施例是在文本框元素上设置重叠的块级层，在块级层上进行相应处理。图3示出了根据本发明一个实施例的在块级层上进行定制处理的处理流程图。该处理流程包括步骤S302至步骤S306。

步骤S302、从转换DOM中获取文本框元素在浏览器页面上的位置信息。

步骤S304、根据步骤S302获取的位置信息，在文本框元素上生成重叠的块级层。

步骤S306、在步骤S304生成的块级层上，调用设置的至少一个文本框元素的DOM对象处理器对转换的DOM对象中的至少一个文本框元素进行设置的定制处理。

在块级层上进行定制处理后，相应的，必然可以将定制处理结果显示在位于获取页面的文本框元素上的块级层上。

块级层可以是能够设置在文本框元素上的、且可以实现对文本框元素进行处理的任意层。当块级层为div层时，为将定制处理结果显示在获取页面中的文本框元素上，首先获取文本框元素经定制处理后生成的内容信息。在内容信息获取结束后，对内容信息进行解码，并将解码后的内容信息显示在div层上。

其中，对于DOM对象处理器的调用操作，需要知道每个DOM对象处理器的地址，进而进行相应的调用，若DOM对象处理器较多且存储地址相对分散的情况下，其调用就会存在一定的难度。现提供一种优选的调用方式，本例中，设置对象处理注册表，在该表格中登记所有的DOM对象处理器的登记信息，此处的登记信息可以包括各DOM对象处理器的存储地址、每个DOM对象处理器的定制操作、是否正在被调用等等。相应的，在执行步骤S204的调用操作之前可以从对象处理注册表中查询浏览器中是否存在对文本框元素进行处理的DOM对象处理器，进而根据查询结果进行调用。

对于每个DOM对象，都存在有至少两个事件，一个是该DOM对象已经加载完成时触发的事件ContentReady，另一个是整个HTML都已经加载完成时触发的事件DocumentReady。由于本发明实施例仅仅是对文本框元素进行处理，因此仅仅涉及该DOM对象已经加载完成时触发的事件ContentReady。优选的，本发明实施例提供的至少一个DOM对象处理器中存储有规定对文本框元素加载完成时触发的事件ContentReady进行处理的处理方式。

每个DOM对象处理器中存储有对文本框元素的不同定制处理方式，此处存储的处理方式可以是能够对文本框元素进行处理的任意处理方式，例如，该处理方式可以是字体方面的，也可以是图像方面的等等。优选的，该处理方式可以是为文本框元素中不同的文字设置不同的字体、颜色、阴影、文本块等，还可以在文本框元素中输入表格，还可以在文本框元素中输入图像，还可以在文本框元素中输入多媒体信息。其中，多媒体信息包括音频和/或视频。本例中提供的处理方式可以单一使用，也可以以其中多项组合使用。且本例中提供的处理方式是一种例举，并不限于本例提供的处理试，能够实现对文本框元素进行的处理方式均可。

优选的，步骤S204中涉及的调用操作具体包括：调用文本框元素的innerText属性，调用设置的至少一个文本框元素的DOM对象处理模块110对innerText属性进行重定义，将文本框元素的重定义后的innerHTML属性返回至div层。其中，本例中的重定义操作包括：onblur或onSubmit的处理方式。

实施例一

本发明实施例中提及到的浏览器可以为多种，例如微软公司的InternetExplorer（简称IE）、MozillaFirefox、谷歌公司的Chrome、Opera以及苹果公司的Safari等等。

现以IE浏览器为例对本发明实施例提供的文本框元素的具体处理方法进行详细地阐述和说明。

对于针对每个网页元素的特定处理，可能需要实现

IElementBehavior（元素行为）

ImplementingtheIElementBehaviorInterface（执行元素行为接口）

ImplementingtheNotifyMethod（执行通知方法）

ImplementingtheInitMethod（执行初始化方法）

ImplementingtheDetachMethod（执行分离方法）

IElementBehaviorFactory（元素行为工厂行为）

IElementNamespaceFactory（元素命名空间工厂接口）

IElementNamespaceFactoryCallback（元素命名空间回调接口）

初始化设置后，IE浏览器中的客户端WebBrowser（网络浏览器）插件实现网页元素的具体处理步骤如下：

步骤1、客户端WebBrowser插件实现IElementBehaviorFactory接口和IElementBehavior接口。

步骤2、客户端WebBrowser插件实现IDocHostUIHandler接口。

注:这里的WebBrowser插件就是在针对特定DOM对象的特定处理器在IE中的具体实施方式，实现IDocHostUIHandler接口用于把特定处理器注册到对象注册表中由DOM处理器采用，实现IElementBehaviorFactory和IElementBehavior接口用于说明具体的定制处理实现。

步骤3、页面创建时，MSHTML会调用IDocHostUIHandler的GetHostInfo方法,客户端程序向MSHTML提供页面元素TAG及对应的BehaviorName

注：MSHTML对应于内核引擎，这个步骤对应于DOM处理器查询所有的DOM对象处理器列表。

步骤4、页面加载时，MSHTML会根据以上提供的BehaviorName，逐个调用IElementBehaviorFactory的FindBehavior方法，由客户端提供IElementBehavior接口实现。

此处，优选的，并与页面提供的对应接口IElementBehaviorSite关联，以确定是否定制行为。

步骤5、若客户端提供了IElementBehavior实现，MSHTML在加载对应TAG的页面元素时，调用元素行为通知方法，通知客户端页面元素的加载状态。

注：元素行为通知方法在IE中实现可利用IElementBehavior：：Notify。

其中，值得注意的是，步骤4和步骤5对应于定制处理模块调用相应的DOM对象处理器对DOM对象进行处理。

本实施例的方法并不仅限IE浏览器，对于其他浏览器，其实现方式是相类似的。

实施例二

对于textarea（文本框）页面单元，为用户提供了在网页中输入大量文字的输入框，但是在当前的网页呈现方式下，用户仅仅可以textarea中输入简单的文字，而无法输入预订格式的文字、图像等内容。而通过在浏览器处提供对textarea的定制渲染，可以使得在textarea中输入更加丰富的内容。

本例中对于文本框元素的具体操作提供相应的说明。

1、首先，进行事件定义，在IDocHostUIHandler的GetHostInfo方法中，对浏览器的结构和标识进行自定义。在文本框元素上设置一个div层，利用pCSSBuffer指针调度，将涉及文本框元素的操作均牵引在div层上执行。

2、IElementBehaviorFactory的FindBehavior方法中，返回IElementBehavior的实现对象CTextAreaElementBehavior,并保存MSHTML提供的IElementBehaviorSite对象指针。

3、MSHTML调用文本框元素行为通知（CTextAreaElementBehavior：：Notify）方法时，对涉及文本框元素的操作进行实施。

在加载对应TAG的文本框元素时，调用元素行为通知方法，通知客户端文本框元素的加载状态。在div层对文本框元素中的内容进行处理，该处理涉及调整文本框元素内容的宽度、高度、播放效果等。

页面提交TEXAREA的内容时，会调用textArea的innerText属性，重定义该属性，返回编码过的div的innerHTML。

在div层处理结束后，将文本框元素的内容和div层的处理效果重叠，将重叠后的效果呈现给用户。

使用本发明实施例能够实现利用浏览器进行文本框元素进行处理的方法，实现用户的个性化定制，提高用户的感受体验。

实施例三

上文描述的是直接对文本框元素进行处理，众所周知，浏览器的页面元素有多种，浏览器需要对每个页面元素均进行转换及处理，然后将处理后的页面元素进行渲染，才生成呈现的网页。

图2示出了根据本发明一个实施例的进行页面元素处理的浏览器的结构示意图。参见图4，该浏览器包括设置在浏览器侧的至少一个DOM对象处理器410，页面解析器420以及DOM处理器430。

其中，DOM对象处理器410包括至少一个，且预先设置在浏览器侧，在每个DOM对象处理器410中存储有特定DOM对象的定制处理。DOM对象处理器的数量可以是1个，也可以是2个，也可以是3个、4个、5个或更多，具体的数量根据特定DOM对象的数量以及定制处理的数量决定。图4中为了示意，将其设置为3个。

在对获取的一个页面进行处理时，页面解析器420在浏览器侧加载该获取页面，并对获取页面的页面元素进行解析。考虑到页面以及页面元素并不能够直接进行处理，因此，页面解析器420在解析过程中将各页面元素转换为DOM对象，以供后续DOM处理器430处理。

参见图4，DOM处理器430，耦接到页面解析器420和至少一个DOM对象处理器410。当页面解析器420解析结束后，启动DOM处理器430。DOM处理器430在转换的DOM对象中选择至少一个作为当前准备处理的DOM对象，调用设置的至少一个DOM对象处理器410，对选择出的DOM对象进行设置的定制处理。

参见图4，该浏览器还包括树生成器440，耦接到DOM处理器430。当DOM处理器430调用DOM对象处理器410，对DOM对象进行定制处理结束后，树生成器440利用经过设置的定制处理的DOM对象生成最终的DOM树，并对DOM树进行渲染。

而文本框元素是页面元素的一种，因此，当页面元素为文本框元素时，利用浏览器进行页面元素处理的装置可以直接对文本框元素进行处理，其选择的DOM对象处理器存储的定制处理方式是针对文本框元素的定制处理即可。也就是说，本例中，参见图4，其选择的DOM对象处理器410应该是文本框元素的DOM对象处理器410。其他各部件的功能维持不变。

本例中，页面解析器420与在前的实施例中的转换模块120的功能相类似，均是将相应的元素转换为DOM对象。而DOM处理器430与在前的实施例中的定制处理模块130的功能相类似，调用相应的DOM对象处理模块（或DOM对象处理器），对当前DOM对象进行相应处理。

采用本发明提供的浏览器和相应的处理方法，能够达到如下有益效果：

在本发明实施例中，对于文本框元素解析出的每个DOM对象，在网络侧设置对其进行定制处理的DOM对象处理模块，在页面的获取过程中，利用调用的DOM对象处理模块对DOM对象进行设置的定制处理。由于至少一个DOM对象处理模块可以存储至少一种定制处理方式，因此，可以对文本框元素进行至少一种处理，进而可以调整文本框元素中不同元素呈现不同状态。由此可见，采用本发明实施例提供的对页面文本框进行处理的浏览器，能够对文本框元素中的不同DOM对象分别进行处理，由此呈现的文本框元素可以实现个性化定制处理，例如，可以为不同的文字规定不同的字体，呈现不同的颜色，再例如，在文本框元素中输入类似于表格、图像以及音视频等多媒体信息。本发明实施例为传统的textarea提供了改进的呈现和处理方式，增加了页面的交互性能，保证了文本框元素并非是根据网络应用和信息提供商所要求的固定方式，进而实现了用户能够对文本框元素呈现的内容进行个性化定制的目的，满足不同的用户的偏好，提高用户的感受体验。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书（包括伴随的权利要求、摘要和附图）中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书（包括伴随的权利要求、摘要和附图）中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器（DSP）来实现根据本发明实施例的浏览器中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序（例如，计算机程序和计算机程序产品）。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

Claims (20)

1.一种页面文本框处理浏览器，包括：

至少一个文本框元素的DOM对象处理模块，设置在浏览器侧，其中每个对象处理模块配置为存储有文本框元素的定制处理，以调整文本框元素中不同元素呈现不同状态；

转换模块，配置为在浏览器侧加载获取页面，并对获取页面中的文本框元素进行解析，将该文本框元素转换为DOM对象；

定制处理模块，配置为调用所述设置的至少一个文本框元素的DOM对象处理模块对所述转换的DOM对象中的至少一个文本框元素进行所述设置的定制处理；

显示模块，配置为将所述定制处理结果显示在获取页面中的文本框元素上；

查询模块，配置为从对象处理注册表中查询所述浏览器中是否存在对所述文本框元素进行处理的DOM对象处理模块，其中，所述对象处理注册表中登记所述至少一个DOM对象处理模块。

2.根据权利要求1所述的浏览器，其特征在于，所述定制处理模块还配置为从所述的转换DOM对象中获取文本框元素在浏览器页面上的位置信息；根据所述位置信息，在所述文本框元素上生成重叠的块级层；在所述块级层上，调用所述设置的至少一个文本框元素的DOM对象处理模块对所述转换的DOM对象中的至少一个文本框元素进行所述设置的定制处理。

3.根据权利要求2所述的浏览器，其特征在于，所述显示模块还配置为将所述定制处理结果显示在位于获取页面的文本框元素上的所述块级层上。

4.根据权利要求2或3所述的浏览器，其特征在于，所述块级层包括div层时，所述显示模块还配置为获取所述文本框元素经定制处理后生成的内容信息；对所述内容信息进行解码，并将解码后的内容信息显示在div层上。

5.根据权利要求1至3任一项所述的浏览器，其特征在于，

所述至少一个DOM对象处理模块中存储有规定对所述文本框元素加载完成时触发的事件ContentReady进行处理的处理方式。

6.根据权利要求5所述的浏览器，其特征在于，所述处理方式包括下列至少之一：

为所述文本框元素中不同的文字设置不同的字体；

在所述文本框元素中输入表格；

在所述文本框元素中输入图像；

在所述文本框元素中输入多媒体信息。

7.根据权利要求6所述的浏览器，其特征在于，所述多媒体信息包括音频和/或视频。

8.根据权利要求2至3任一项所述的浏览器，其特征在于，所述块级层包括div层时，所述定制处理模块还配置为调用所述文本框元素的innerText属性；调用所述设置的至少一个文本框元素的DOM对象处理模块对所述innerText属性进行重定义；将所述文本框元素的重定义后的innerHTML属性返回至所述div层。

9.根据权利要求8所述的浏览器，其特征在于，所述重定义操作包括：onblur或onSubmit的处理方式。

10.一种页面文本框元素处理方法，在浏览器侧设置至少一个文本框元素的DOM对象处理器，其中每个对象处理器存储有文本框元素的定制处理，以调整文本框元素中不同元素呈现不同状态，该方法包括：

在浏览器侧加载获取页面，并对获取页面中的文本框元素进行解析，将该文本框元素转换为DOM对象；

从对象处理注册表中查询所述浏览器中是否存在对所述文本框元素进行处理的DOM对象处理器，其中，所述对象处理注册表中登记所述至少一个DOM对象处理器，然后调用所述设置的至少一个文本框元素的DOM对象处理器对所述转换的DOM对象中的至少一个文本框元素进行所述设置的定制处理；

将所述定制处理结果显示在获取页面中的文本框元素上。

11.根据权利要求10所述的方法，其特征在于，调用所述设置的至少一个文本框元素的DOM对象处理器对所述转换的DOM对象中的至少一个文本框元素进行所述设置的定制处理，包括：

从所述的转换DOM中获取文本框元素在浏览器页面上的位置信息；

根据所述位置信息，在所述文本框元素上生成重叠的块级层；

在所述块级层上，调用所述设置的至少一个文本框元素的DOM对象处理器对所述转换的DOM对象中的至少一个文本框元素进行所述设置的定制处理。

12.根据权利要求11所述的方法，其特征在于，将所述定制处理结果显示在获取页面中的文本框元素上，包括：

将所述定制处理结果显示在位于获取页面的文本框元素上的所述块级层上。

13.根据权利要求11或12所述的方法，其特征在于，所述块级层包括div层时，将所述定制处理结果显示在获取页面中的文本框元素上，包括：

获取所述文本框元素经定制处理后生成的内容信息；

对所述内容信息进行解码，并将解码后的内容信息显示在div层上。

14.根据权利要求11或12任一项所述的方法，其特征在于，所述至少一个DOM对象处理器中存储有规定对所述文本框元素加载完成时触发的事件ContentReady进行处理的处理方式。

15.根据权利要求14所述的方法，其特征在于，所述处理方式包括下列至少之一：

为所述文本框元素中不同的文字设置不同的字体；

在所述文本框元素中输入表格；

在所述文本框元素中输入图像；

在所述文本框元素中输入多媒体信息。

16.根据权利要求15所述的方法，其特征在于，所述多媒体信息包括音频和/或视频。

17.根据权利要求15至16任一项所述的方法，其特征在于，所述块级层包括div层时，调用所述设置的至少一个文本框元素的DOM对象处理器对所述转换的DOM对象中的至少一个文本框元素进行所述设置的定制处理，包括：

调用所述文本框元素的innerText属性；

调用所述设置的至少一个文本框元素的DOM对象处理器对所述innerText属性进行重定义；

将所述文本框元素的重定义后的innerHTML属性返回至所述div层。

18.根据权利要求17所述的方法，其特征在于，所述重定义操作包括：onblur或onSubmit的处理方式。

19.根据权利要求10至12任一项所述的方法，其特征在于，所述浏览器为IE浏览器时，所述浏览器所在的客户端在WebBrowser插件设置第一接口IElementBehaviorFactory、第二接口IElementBehavior以及第三接口IDocHostUIHandler，其中，所述第一接口和所述第二接口用于调用各DOM对象处理器，所述第三接口用于将各DOM对象处理器注册到所述对象处理注册表中；

调用所述设置的至少一个文本框元素的DOM对象处理器，包括：

内核引擎根据所述浏览器所在的客户端提供的行为名称BehaviorName，通过所述第二接口调用与所述第一接口连接的所述设置的至少一个文本框元素的DOM对象处理器；以及

所述内核引擎根据所述客户端提供的页面元素标识TAG加载对应的页面元素时，调用元素行为通知方法，通知所述客户端页面元素的加载状态。

20.根据权利要求19所述的方法，其特征在于，所述内核引擎调用所述设置的至少一个文本框元素的DOM对象处理器，包括：

所述内核引擎与所述获取页面提供的第四接口IElementBehaviorSite关联，通过所述第四接口确定所述文本框元素已有定制处理时，调用对应的DOM对象处理器。