[发明专利]一种用于将数据与HTML网页元素绑定的方法

说明书

本发明公开的一种用于将数据与HTML网页元素绑定的方法，包括以下步骤：步骤S1，在HTML网页初始化时创建一个用于存储数据的对象；步骤S2，生成一个随机的字符串作为标识字符串；步骤S3，将生成的所述标识字符串写入HTML网页元素的属性中，使得所述标识字符串与HTML网页元素绑定；步骤S4，以所述标识字符串为索引将需要绑定的数据添加入所述对象中。本发明的有益效果在于：本发明使得数据与HTML网页元素绑定在一起，既可体现数据与HTML网页元素之间的关联性，也可避免命名冲突的问题。

技术领域

本发明涉及HTML网页设计技术领域，尤其涉及一种用于将数据与HTML网页元素绑定的方法。

背景技术

目前，HTML网页中JavaScript对HTML网页的操作十分频繁。一些数据从业务逻辑上和HTML网页的元素之间的关联性非常大。虽然HTML网页的元素可以通过自定义属性来绑定一些信息，但是这些信息都是简单的字符型信息。如果在JavaScript中直接使用全局变量记录这些信息，则会产生以下问题：1、不能直观体现数据与HTML网页元素对象的关系；2、全局变量有可能会发生命名冲突，对网页编程造成不必要的麻烦。为此，申请人进行了有益的探索和尝试，找到了解决上述问题的办法，下面将要介绍的技术方案便是在这种背景下产生的。

发明内容

本发明所要解决的技术问题：针对现有技术的不足而提供一种用于将数据与HTML网页元素绑定的方法，该方法既可体现数据与HTML网页元素之间的关联性，也可避免命名冲突的问题。

本发明所解决的技术问题可以采用以下技术方案来实现：

一种用于将数据与HTML网页元素绑定的方法，包括以下步骤：

步骤S1，在HTML网页初始化时创建一个用于存储数据的对象；

步骤S2，生成一个随机的字符串作为标识字符串；

步骤S3，将生成的所述标识字符串写入HTML网页元素的属性中，使得所述标识字符串与HTML网页元素绑定；

步骤S4，以所述标识字符串为索引将需要绑定的数据添加入所述对象中。

在本发明的一个优选实施例中，在所述步骤S2中，所述标识字符串由固定字符串和随机产生的随机数字构成。

在本发明的一个优选实施例中，在所述步骤S3中，将生成的所述标识字符串写入HTML网页元素的属性中，是指在HTML网页的元素中增加额外的属性，该属性的名称和固定属性值为标识字符串。

在本发明的一个优选实施例中，在所述步骤S4中，以所述标识字符串为索引将需要绑定的数据添加入所述对象中，是指设置所述对象的标识字符串的属性值为需要绑定的数据。

在本发明的一个优选实施例中，在所述步骤S4中，所述需要绑定的数据为HTML网页中任意类型的数据。

由于采用了如上的技术方案，本发明的有益效果在于：本发明使得数据与HTML网页元素绑定在一起，既可体现数据与HTML网页元素之间的关联性，也可避免命名冲突的问题。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明的原理流程框图。

具体实施方式

为了使本发明实现的技术手段、创作特征、达成目的与功效易于明白了解，下面结合具体图示，进一步阐述本发明。