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

今天来说说静态页面调用公共页面: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一排输出,如果不能一排输出就要用+号来连接。还要注意单双引号不能混合用,否则会显示不了


未经允许禁止转载
本文地址: https://www.77nn.net/295.html
版权声明:本文为原创文章,版权归 讯沃blog 所有,未经允许,禁止任何单位或个人转载!

打赏

取消

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

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

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

评论0

6 + 5 =

社交账号快速登录