一种自动生成和运行JavaScript文件的方法与流程

本发明涉及计算机和互联网领域，具体涉及一种自动生成和运行JavaScript文件的方法。

背景技术：

在WEB开发过程中，开发者可以编写JavaScript代码实现对HTML页面元素、页面布局等的调整。但是由于开发中页面众多，开发者不得不针对不同页面重复编写大量JavaScript代码以实现预期功能。因此造成在WEB开发过程中的大量的重复性工作。

技术实现要素：

本发明的目的在于，为了克服上述现有技术的缺陷，从而提供一种JavaScript文件自动生成和运行方法。

为了实现上述目的，本发明提供一种自动生成和运行JavaScript文件的方法，所述方法包含：

步骤101)编写自动生成和运行JavaScript文件的JavaScript工具函数集；所述JavaScript工具函数集进一步包含如下操作：指定id的页面元素在预定时间改变位置，大小，CSS样式货替换资源文件；指定id的页面元素在指定事件触发时改变位置，大小，CSS样式或资源文件，其中所述指定时间包含鼠标事件或播放器事件；改变指定id的页面元素对事件触发的处理方式，其中所述处理方式包含使用指定代码响应事件触发和清除事件触发。其中，id为HTML标签的id属性；CSS为万维网联盟(W3C)制定的指层叠样式表(Cascading Style Sheets)标准，定义如何显示HTML元素，这里指按照CSS标准编写的样式。

步骤102)制定需求描述文件的格式要求。

步骤103)根据需求描述文件的格式要求编写转换方法，所述转换方法为：解析需求描述文件；将需求转换为元素与事件的不同组合转换；通过调用编写的JavaScript工具函数集中的操作生成JavaScript文件；在需求描述文件所关联的HTML文件中执行。

可选的，上述需求描述文件的格式要求为：HTML元素定义和资源列表，所述HTML元素定义列出HTML元素对时间、事件响应的方式；所述资源列表列出HTML文件可访问的资源文件，所访问的资源文件应包含资源id及资源位置。

进一步可选的，按照预定时间改变HTML布局的JavaScript工具函数进一步包含：

步骤101-1)创建一个以队列为基础的时间表实例，每个时间表任务包括优先级、执行时间和执行动作三个内容；其中，在执行时间相同时优先执行高优先级任务。

步骤101-2)创建外部函数向接口用于对步骤101-1)创建的时间表添加项目，对于各类终止或移除类任务，应给予较高优先级；其中，所述各类终止类任务包含终止显示一个或多个图片或终止播放一个或多个视频。

步骤101-3)创建任务排序方法，对步骤101-1)创建的时间表进行排序；按照任务时间升序排列，且当任务时间相同时按优先级降序排列。

步骤101-4)创建递归调用执行函数，接受任务作为参数。

步骤101-5)创建外部函数接口用以任务启动执行。

上述步骤101-4)进一步包含：

步骤101-4-1)执行任务。

步骤101-4-2)若时间表内没有更多任务则结束，否则执行步骤101-4-3)。

步骤101-4-3)设定下次执行任务为时间表第一项任务。

步骤101-4-4)设定定时器时间为距时间表第一项任务的时间。

步骤101-4-5)将该任务从时间表中移除。

步骤101-4-6)启动定时器，并设定在定时器被触发时调用本函数执行任务。

上述步骤101-5)进一步包含：

步骤101-5-1)应用步骤101-3)中的排序方法对步骤101-1)创建的时间表进行排序。

步骤101-5-2)以空任务为参数调用步骤101-4)，以启动脚本执行过程。

总之，本发明为了解决上述技术问题的技术方案包含以下几个步骤：步骤一： 编写JavaScript工具函数集；步骤二：制定需求描述文件格式要求；步骤三：编写需求描述文件解析程序。

所述的步骤一的JavaScript工具函数集包含对HTML元素操作的基本工具函数，包括对定时器、事件的响应，对布局、CSS属性的修改等。所述的步骤二的需求描述文件为XML格式，主要内容包含两部分，HTML元素定义和资源列表。HTML元素定义列出HTML元素对时间、事件响应的方式；资源列表列出HTML文件可访问的资源文件，应包含资源id及资源位置。所述的步骤三的需求描述文件解析程序，对按照步骤二编写的需求描述文件进行解析，按照不同元素的不同需求分别调用适当的步骤一种生成的JavaScript工具函数集中的函数，生成JavaScript文件，并在对应HTML文件中加入对JavaScript的引用。

与现有技术相比，本发明的技术优势在于：

本发明的技术可以首先解析需求描述文件，然后将需求转换为元素与事件的不同组合转换，通过调用事先编写的JavaScript工具集中的方法生成JavaScript文件，并在需求描述文件所关联的HTML文件中执行。本发明可以便捷快速地自动生成JavaScript文件并加载运行。

附图说明

图1为本发明设计方法的关系框图；

图2是本发明实施例提供的描述文件结构图；

图3是本发明实施例提供的描述的需求图；

图4是本发明处理方法的流程示意图。

具体实施方式

下面通过附图和实施例，分别对开发自动实现JavaScript自动生成和运行的基础性开发工作和终端使用者使用依照本方法开发的工具的使用分别做进一步的详细描述。

如图1所示，本发明方法涉及四类文件:HTML文件，需求描述文件，JavaScript工具函数集文件，JavaScript文件。

第一，开发自动实现JavaScript自动生成和运行的基础性开发工作具体步骤如下，如图4所示：

1、编写JavaScript工具函数集文件。该工具函数集主要包含对HTML元素操作的基本工具函数，包括对定时器、事件的响应，对布局、CSS属性的修改等。JavaScript工具函数集的部分内容如下。

在此将按照预定时间改变HTML布局为例进行说明。具体步骤如下：

a、创建一个以队列为基础的时间表实例。每个时间表任务包括优先级、执行时间和执行动作三个内容。其中，在执行时间时相同时有限执行高优先级任务；

b、创建外部函数向接口步骤0创建的时间表添加项目。对于各类终止、移除类任务，如终止显示某图片、终止播放某视频等，应给予较高优先级，以防止与其预定时间相同的开始任务无法正常进行。如function addTask(priority,time,cmd)；

c、创建任务排序方法，对步骤0创建的时间表进行排序。按照任务时间升序排列，任务时间相同时按优先级降序排列；

d、创建递归调用执行函数，接受任务作为参数。

其中，上述步骤d进一步包含如下具体步骤：

i.执行任务；

ii.若时间表内没有更多任务则结束，否则执行步骤iii；

iii.设定下次执行任务为时间表第一项任务；

iv.设定定时器时间为距时间表第一项任务的时间；

v.将该任务从时间表中移除；

vi.启动定时器，并设定在定时器被触发时调用本函数执行任务。

e、创建外部函数接口用以任务启动执行。

其中，上述步骤e进一步包含的具体步骤如下：

vii.应用步骤0中的排序方法对步骤0创建的时间表进行排序；

viii.以空任务为参数调用步骤0，以启动脚本执行过程。

2、制定需求描述文件格式。需求描述文件的一种示例，采用XML格式。该需求描述文件主要包含两部分内容:HTML元素定义和资源列表。HTML元素定义列出HTML元素对时间、事件响应的方式；资源列表列出HTML文件可访问的资源文件， 应包含资源id及资源位置。需求描述文件结构如图2所示，描述的需求下表和图3所示。

3、编写自动化转换工具。转换工具的具体工作如下：

a读取使用者编写的需求描述文件，该文件应符合步骤0制定的规则。

b解析需求描述文件描述的需求，如在时间为'2015-06-18T17:45:10.952+08:00'时更换id为Image1的HTML元素的图片为image1.png。

c对照需求，调用步骤0的步骤0生成的工具集中对应功能的接口函数，以字符串形式写入目标JavaScript文件中，如”addTask(0,'2015-06-18T17:45:10.952+08:00','document.getElementById("Image1").src＝"image1.png"；')；”。

d写入对步骤0的步骤0生成的启动函数的调用,生成目标JavaScript文件。

e在HTML文件中添加对步骤0生成的JavaScript的引用。

第二，终端使用者使用依照本方法开发的工具的使用具体步骤如下：

1、编写所需的HTML页面文件；

2、依照开发自动实现JavaScript自动生成和运行的基础性开发工作具体步骤4制定的需求描述文件格式编写需求描述文件。

3、运行自动化转换工具，提交步骤1编写的HTML页面文件和步骤2编写的需求描述文件中的文件，生成JavaScript文件。

最后所应说明的是，以上实施例仅用以说明本发明的技术方案而非限制。尽管参照实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，对本发明的技术方案进行修改或者等同替换，都不脱离本发明技术方案的精神和范围，其均应涵盖在本发明的权利要求范围当中。