静态网页调用公共的头部和尾部页面

今天来说说静态页面调用公共页面:index.html:

<html>
<head>
<title>测试</title>
</head>
<body>
<div id=”content”>test content</div>
<div id=”bottom”>bottom</div>
</body>
</html>
下面把这个页面拆分了,首先是top页面:
top.html
document.write(“<html><head><title>测试</title></head><body>”);
然后是bottom页面:
bottom.html
document.write(‘<div id=”bottom”>bottom</div></body></html>’);
最后是浏览的页面index:
index.html
<script type=”text/javascript” src=”top.html”></script>
<div id=”content”>test content</div><script type=”text/javascript” src=”bottom.html”>
</script>
需要注意的是top和bottom页面必须用document.write()语句来输出html,
最好把所有的html一排输出,如果不能一排输出就要用+号来连接。还要注意单双引号不能混合用,否则会显示不了

【本站资源无偿免费分享,如果资源对你有用,希望动动手指点点下面的广告吧!以维持服务器运行】
如需 WordPress 优化加速、主题修改、故障解决等服务,可联系我购买付费服务: 点此联系我 | 近期站内热门福利:
未经允许禁止转载
本文地址:https://www.77nn.net/295.html
版权声明:本文为原创文章,版权归 讯沃blog 所有,未经允许,禁止任何单位或个人转载!

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝、微信、QQ扫一扫,即可进行扫码打赏哦

0
分享到:

评论0

8 + 3 =
没有账号? 忘记密码?

社交账号快速登录