使用velocity生成静态页面,其中静态页面的右侧边栏部分应该是可以重用的,为了不需要在多个模版内写入重复的右侧边栏内容部分,考虑将右侧栏分离出来,单独做一个模版,独立生成 . 为了实现该页面的重用,就需要静态页面包含静态页面.(前提:页面为html文件)
在网上查阅了一下静态包含的方法,也做了一些实验.
一 用<object></object>标签
<object data="xxxx.html" width="" height=""></object>
结果:页面在IE下确实能显示出来,但在谷歌浏览器,火狐浏览器中,无法显示.因此,此方法舍弃!!
二 behaviour
没有看到具体的,而且实用性似乎不太好,貌似也存在着兼容问题
三 <script src="XXX.js"></script>
最终采用的方法:将html文件要包含的部分转换为js表示形式,然后用此方法包含到html页面内.例:
以下为一个要包含的html页面:
<div class="right">
<a href="/XXX/XXX/XX.html">测试页面</a>
</div>
在velocity生成文件时,配置成一个.js文件,模版内容
document.write( '<div class="right">'+ '<a href="/XXX/XXX/XX.html">测试页面</a>'+ '</div>' )
本文探讨了使用Velocity生成静态页面时如何有效利用静态包含技术来减少代码重复。介绍了几种实现方法及其优缺点,最终推荐了一种通过将HTML转换为JS文件再进行包含的方式。

2388

被折叠的 条评论
为什么被折叠?



