一种基于JavaScript的模块加载方法及系统.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN106951271A(43)申请公布日2017.07.14(21)申请号201710253670.8(22)申请日2017.04.18(71)申请人北京思特奇信息技术股份有限公司地址100086北京市海淀区中关村南大街6号中电信息大厦16层(72)发明人罗国俊(74)专利代理机构北京轻创知识产权代理有限公司11212代理人杨立(51)Int.Cl.G06F9/44(2006.01)G06F9/445(2006.01)权利要求书1页说明书5页附图1页(54)发明名称一种基于JavaScript的模块加载方法及系统(57)摘要本发明涉及一种基于JavaScript的模块加载方法及系统，包括以下步骤：获取多个html模块和多个html模块之间的组合信息，作为配置数据存储在配置文件中；通过JavaScript代码调用加载函数，从配置文件中读取所述配置数据；根据所述配置数据，对多个所述html模块进行循环加载，分别得到每个html模块的待加载文件；从所述待加载文件中提取待加载内容和元素区域的位置信息；将所述待加载内容渲染到与所述位置信息对应的元素区域。本发明提供的一种基于JavaScript的模块加载方法，具有代码的可读性好、可维护性高、复用度高等优点，并且在开发过程中，以模块的方式编写html，具有不会因拼接符号缺失而出错的优点。CN106951271ACN106951271A权利要求书1/1页1.一种基于JavaScript的模块加载方法，其特征在于，包括以下步骤：步骤1，获取多个html模块和多个所述html模块之间的组合信息，作为配置数据存储在配置文件中；步骤2，通过JavaScript代码调用加载函数，从所述配置文件中读取所述配置数据；步骤3，根据所述配置数据，对多个所述html模块进行循环加载，分别得到每个html模块的待加载文件；步骤4，从所述待加载文件中提取待加载内容和元素区域的位置信息；步骤5，将所述待加载内容渲染到与所述位置信息对应的元素区域。2.根据权利要求1所述的模块加载方法，其特征在于，在步骤1之前还包括：以模块的形式编写html，得到html模块；将所述html模块进行组合并存储。3.根据权利要求1所述的模块加载方法，其特征在于，所述组合信息包括各所述html模块与html模块名称的对应关系，以及各所述html模块之间的包括先后顺序的组合方式。4.根据权利要求1至3任一项所述的模块加载方法，其特征在于，步骤3中，根据所述配置数据，对多个所述html模块进行循环加载，通过ajax分别得到每个html模块的待加载文件。5.根据权利要求4所述的模块加载方法，其特征在于，还包括：步骤6，修改所述配置文件中多个html模块的组合信息，并对修改后的所述配置文件执行步骤2至步骤5。6.一种基于JavaScript的模块加载系统，其特征在于，包括：依次连接的获取模块、读取模块、循环模块和加载模块，其中：所述获取模块用于获取多个html模块和多个所述html模块之间的组合信息，作为配置数据存储在配置文件中；所述读取模块用于通过JavaScript代码调用加载函数，从所述配置文件中读取所述配置数据；所述循环模块用于根据所述配置数据，对多个所述html模块进行循环加载，分别得到每个html模块的待加载文件；所述加载模块用于从所述待加载文件中提取待加载内容和元素区域的信息，并将所述待加载内容渲染到所述元素区域。7.根据权利要求6所述的模块加载系统，其特征在于，还包括编写模块，以模块的形式编写html，得到html模块，并将所述html模块进行组合并存储。8.根据权利要求6所述的模块加载系统，其特征在于，所述组合信息包括各所述html模块与html模块名称的对应关系，以及各所述html模块之间的包括先后顺序的组合方式。9.根据权利要求6至8任一项所述的模块加载系统，其特征在于，所述循环模块具体用于根据所述配置数据，对多个所述html模块进行循环加载，通过ajax分别得到每个html模块的待加载文件。10.根据权利要求9所述的模块加载系统，其特征在于，所述读取模块还用于修改所述配置文件中多个html模块的组合信息。2CN106951271A说明书1/5页一种基于JavaScript的模块加载方法及系统技术领域[0001]本发明涉及前端开发领域，尤其涉及一种基于JavaScript的模块加载方法及系统。背景技术[0002]当人们使用互联网浏览网页时，在网页中显示的内容均来源于html页面代码，在当前互联网环境下，网页中需要显示的内容越来越多，用户对体验的要求也越来越高，而html页面的加载速度是用户体验中最重要的一环，为了提高加载速度，以往将所有代码写在一个ht