对页面文本框进行处理的浏览器及方法技术

技术编号:8452821 阅读:163 留言:0更新日期:2013-03-21 13:34
本发明专利技术公开了一种对页面文本框进行处理的浏览器,包括:至少一个文本框元素的DOM对象处理模块,设置在浏览器侧,其中每个对象处理模块配置为存储有文本框元素的定制处理;转换模块,配置为在浏览器侧加载获取页面,并对获取页面中的文本框元素进行解析,将该文本框元素转换为DOM对象;定制处理模块,配置为调用设置的至少一个文本框元素的DOM对象处理模块对转换的DOM对象中的至少一个文本框元素进行设置的定制处理;显示模块,配置为将定制处理结果显示在获取页面中的文本框元素上。采用本发明专利技术能够对文本框元素提供了改进的呈现和处理方式,增加了页面的交互性能。本发明专利技术还公开了相应的浏览器对页面文本框进行处理的方法。

【技术实现步骤摘要】

本专利技术涉及网络应用领域,具体涉及一种对页面文本框进行处理的浏览器以及利用浏览器进行页面文本框进行处理的方法。
技术介绍
随着国际互联网的快速发展,基于国际互联网的应用和信息也呈现出爆发性的增长。网络浏览器为互联网用户提供了一种访问网络信息和使用网络应用的方式,该方式适用性强,越多越多的用户已经习惯于通过网络浏览器来获取各种信息和使用各种应用。网络信息和应用供应商提供以诸如HTML (超文本标记语言,Hypertext MarkupLanguage)之类格式的语言编写的网页,网络浏览器在用户处呈现这些网页,从而使得网络浏览器的用户可以获取相关信息。随着网络技术的快速发展,由网络浏览器呈现的内容也越来越丰富, 因此网络浏览器的呈现功能也越来越强大和重要。目前常见的网页浏览器有微软公司的 Internet Explorer>Mozilia Firefox、谷哥欠公司的 Chrome、0pera 以及苹果公司的 Safari坐坐寸寸ο在相关技术中,网络浏览器利用渲染引擎(Rendering Engine)来解释网页中的内容(如HTML、JavaScript)并渲染(显示)网页。渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的渲染引擎对网页编写语法的解释也有不同,因此同一网页在不同渲染引擎的浏览器里的渲染(显示)效果也可能不同。目前网页浏览器的渲染引擎通过将HTML中的各个元素以及js代码转换成DOM模型来进行渲染。在进行转换时,整个HTML文档被构建DOM树,HTML中的各元素被转换成 DOM树中的对象,而对象之间的关系被构造为节点和子节点之间的关系来构造,通过使用有关对象的方法,可以对这些对象进行寻址和操作。DOM模型已经具有很多公共的规范和定义。当网页浏览器处理HTML页面时,浏览器中的渲染引擎对HTML页面语言进行分析, 将其处理为DOM模型,随后利用DOM模型来构造用于在浏览器中显示页面的内部结构。DOM API还向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对象中的至少一个文本框元素进行设置的定制处理。可选地,显示模块还配置为将定制处理结果显示在位于获取页面的文本框元素上的块级层上。可选地,块级层包括div层时,显示模块还配置为获取文本框元素经定制处理后生成的内容信息;对内容信息进行解码,并将解码后的内容信息显示在div层上。可选地,上述浏览器还包括查询模块,配置为从对象处理注册表中查询浏览器中是否存在对文本框元素进行处理的DOM对象处理模块,其中,对象处理注册表中登记至少一个DOM对象处理模块。可选地,至少一个DOM对象处理模块中存储有规定对文本框元素加载完成时触发的事件ContentReady进行处理的处理方式。可选地,处理方式包括下列至少之一为文本框元素中不同的文字设置不同的字体;在文本框元素中输入表格;在文本框元素中输入图像;在文本框元素中输入多媒体信肩、O可选地,多媒体信息包括音频和/或视频。可选地,块级层包括div层时,定制处理模块还配置为调用文本框元素的 innerText属性;调用设置的至少一个文本框元素的DOM对象处理模块对innerText属性进行重定义;将文本框元素的重定义后的innerHTML属性返回至div层。可选地,重定义操作包括onblur或onSubmit的处理方式。依据本专利技术的另一个方面,提供了一种浏览器处理页面文本框元素的方法,在浏览器侧设置至少一个文本框元素的DOM对象处理器,其中每个对象处理器存储有文本框元素的定制处理,该方法包括在浏览器侧加载获取页面,并对获取页面中的文本框元素进行解析,将该文本框元素转换为DOM对象;调用设置的至少一个文本框元素的DOM对象处理器对转换的DOM对象中的至少一个文本框元素进行设置的定制处理;将定制处理结果显示在获取页面中的文本框元素上。可选地,调用设置的至少一个文本框元素的DOM对象处理器对转换的DOM对象中的至少一个文本框元素进行设置的定制处理,包括从转换DOM对象中获取文本框元素在浏览器页面上的位置信息;根据位置信息,在文本框元素上生成重叠的块级层;在块级层上,调用设置的至少一个文本框元素的DOM对象处理器对转换的DOM对象中的至少一个文本框元素进行设置的定制处理。可选地,将定制处理结果显示在获取页面中的文本框元素上,包括将定制处理结果显示在位于获取页面的文本框元素上的块级层上。可选地,块级层包括div层时,将定制处理结果显示在获取页面中的文本框元素上,包括获取文本框元素经定制处理后生成的内容信息;对内容信息进行解码,并将解码后的内容信息显示在div层上。可选地,调用设置的至少一个文本框元素的DOM对象处理器对转换的DOM对象中的至少一个文本框元素进行设置的定制处理之前,包括从对象处理注册表中查询浏览器中是否存在对文本框元素进行处理的DOM对象处理器,其中,对象处理注册表中登记至少一个DOM对象处理器。可选地,至少一个DOM对象处理器中存储有规定对文本框元素加载完成时本文档来自技高网
...

【技术保护点】
一种对页面文本框进行处理的浏览器,包括:至少一个文本框元素的DOM对象处理模块,设置在浏览器侧,其中每个对象处理模块配置为存储有文本框元素的定制处理;转换模块,配置为在浏览器侧加载获取页面,并对获取页面中的文本框元素进行解析,将该文本框元素转换为DOM对象;定制处理模块,配置为调用所述设置的至少一个文本框元素的DOM对象处理模块对所述转换的DOM对象中的至少一个文本框元素进行所述设置的定制处理;显示模块,配置为将所述定制处理结果显示在获取页面中的文本框元素上。

【技术特征摘要】

【专利技术属性】
技术研发人员:唐曦陈志李鸣任寰
申请(专利权)人:北京奇虎科技有限公司奇智软件北京有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1