分享你的福利
www.fankuiba.com

日志与技术 | html引入另一个html

想做一个纯html网址导航站,自用,不带后台的。百度脑图可以简单实现一个,但太多的话就比较凌乱了。
浏览器收藏夹也可以,层级太深就要翻很久了,对于我来说多1秒的操作都嫌慢。


更要命的就是不带后台,新增和编辑就很成问题。
自用放在本地,总不能一个html一堆代码,又要在同一页面展示这么多的表格和列表,为了方便编辑和整理,就需要从html中引入其他html代码。


相比带后台的程序,直接改源码在新增、编辑上所花的时间差不了多少。重点在于你怎么分类。
所以我就百度了html引入另一个html的方法,大体就两种iframe和js。
iframe是不可能的了。
js原本要用ajax来load,本地使用发现不能跨域,唯一最中用的就是用script标签引入html代码。
比如index.html引入a.html,要使用 <script type="text/javascript" src="a.js"></script>

重点来了

a.html要转为a.js ,其中html代码要先转js代码,然后用 document.write('转换后的代码'); 来输出。
我总不能一句句html来手动转吧?这时候就要用到工具了,这个工具也是网络大神写出来的,也是一些简单的字符替换而已(不会正则只能靠外力了),转换源码如下:

有了这个就比较好管理了。当然,自用只能这么简陋,真正希望完全省心,还是后端构建数据库吧。

html2js

反馈吧 | 分享你的福利吧 » 日志与技术 | html引入另一个html