[发明专利]一种HTML内联CSS和内联JavaScript合并方法

权利要求书

1.一种HTML内联CSS和内联JavaScript合并方法，其特征在于，通过自定义FreeMarker标签，设置收集及汇总内联CSS和内联JavaScript的占位点及变更原始内联CSS和内联JavaScript标签，并根据两类标签内容收集与否做差异化解析处理，具体步骤有：

步骤1：在HTML页面中任意选取一个位置，新建一个用于包裹HTML页面中内联CSS和内联JavaScript的基础FreeMarker标签，按照FreeMarker语法形式设置用于收集内联CSS和内联JavaScript的占位点、并为每一个占位点配置身份标识属性和收集限定属性；其中，所述收集内联CSS的占位点是用于标识汇总HTML页面中内联CSS的位置；所述收集内联JavaScript的占位点是用于标识汇总HTML页面中内联JavaScript的位置；

步骤2：定位HTML页面中所有内联CSS，并将所有内联CSS的标签“<style></style>”变更为FreeMarker标签的形式[@web_style][/@web_style]；定位HTML页面中所有内联JavaScript，并将所有内联JavaScript的标签“<script></script>”变更为FreeMarker标签的形式[@web_JavaScript][/@web_JavaScript]；在标签变更过程中，设置标签[@web_style][/@web_style]和[@web_JavaScript][/@web_JavaScript]的收集属性、收集顺序属性及收集点属性；其中，所述收集属性用于指明标签内容是否需要汇总收集；所述收集顺序属性用于指明标签内容的收集顺序；所述收集点属性用于指明标签内容的收集汇总位置，收集点属性值应与占位点标识保持一致；

步骤3：HTML页面渲染，具体渲染为通过解析出步骤1中的基础FreeMarker标签，依次识别HTML页面中用于收集内联CSS和内联JavaScript的占位点，以及基于FreeMarker形式编制的内联CSS标签和内联JavaScript标签；综合按照标签收集属性、收集顺序属性及收集点属性，决定是否收集合并内联CSS/内联JavaScript内容、收集顺序及收集位置；将内联CSS/内联JavaScript占位点替换为相对应收集汇总的标签内容，无收集需求的标签内容在原位置输出，形成基于内联CSS和内联JavaScript合并的HTML页面；

步骤4：按照新形成的HTML页面内容，对合并的内联CSS标签内容、合并的内联JavaScript标签内容同时集中处理，最终网页样式和动态效果在浏览器端输出和显示。

2.如权利要求1所述的一种HTML内联CSS和内联JavaScript合并方法，其特征在于：所述内联JavaScript占位点的设置划分为三类，即统计类、效果类和其他类；并依照渲染速度从快至慢按照效果类内联JavaScript占位点、其他类内联JavaScript占位点、统计类内联JavaScript占位点这一顺序从上至下排列。

3.如权利要求2所述的一种HTML内联CSS和内联JavaScript合并方法，其特征在于：所述占位点的收集限定属性是对靠近占位点的标签内容是否收集的限定，若收集限定属性值为“是”时，占位点只接收指定其作为收集点的标签内容；若收集限定属性值为“否”或未设定内容收集属性，占位点收集靠近其位置且没有指定收集占位点的标签内容。

4.如权利要求3所述的一种HTML内联CSS和内联JavaScript合并方法，其特征在于：在所述步骤2中设置标签收集属性时，对标签内容是否收集取决于渲染网页的浏览器、网页渲染速度的要求、及HTML页面内容的代码整洁度；若用于渲染网页的浏览器的渲染速度慢，或某一个网页因需渲染大量内联CSS和内联JavaScript导致渲染速度慢，或HTML页面内因内联CSS和内联JavaScript代码散落不均而导致代码繁杂，上述任一个条件符合都将对标签内容做收集处理。