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

本文探讨了使用Velocity生成静态页面时如何有效利用静态包含技术来减少代码重复。介绍了几种实现方法及其优缺点,最终推荐了一种通过将HTML转换为JS文件再进行包含的方式。

    使用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>'
)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值