关于静态页面包含静态页面

    使用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>'
)