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

摘要

本发明公开了一种HTML内联CSS和内联JavaScript合并方法，其特征在于，通过自定义FreeMarker标签，设置收集及汇总内联CSS和内联JavaScript的占位点及变更原始内联CSS和内联JavaScript标签，并根据两类标签内容收集与否做差异化解析处理。达到更简单且灵活的方式对可收集和不可收集做区分，增加页面渲染过程中对不同形式内容处理的便利性；针对能收集汇总的内联CSS和内联JavaScript的内容在以设置的占位处汇总并解析，针对不能收集汇总的内联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标签内容同时集中处理，最终网页样式和动态效果在浏览器端输出和显示。