这样加载html模板的方法的优缺点

1.今天维护公司的老代码，看到了一部分旧的代码。这段代码的目的是加载html模板。

//index.html页面的js有这段话

$('div').load('templateOfchart.html');//templateOfchart.html 存放的是一个结构完整的模板

2.templateOfchart.html里的内容

<!DOCTYPE html>
<html>
<head>    
    <meta charset="utf-8">
    <title></title>
</head>
<body>
********
</body>
</html>

3.这样一个页面里就有有一些重复的标签，比如meta title。这样好么？
如果改进，怎么改进？

4.我好奇在没有出现vue等框架的时候，前端是怎么编程的，前端是怎么演变的？希望大神们可以介绍一些资料，或者指一下方向。非常感谢。

阅读 2.6k

2 个回答

得票最新

回答问题4，jstraining by ruanyifeng

好不好？不太好，容易带来潜在问题。就好比标准里写明</body>后边不要再加页面内容了，但是强行加上的话，也不是说浏览器就不给渲染了，但总归还是不能这么搞的不是？
怎么解决？两种写法。第一种，把模板里不想干的全删了；第二种，.load()可以加载HTML片段，你要加载的部分包起来加个ID，然后写成.load('template.html #app')这种格式试试。
……问题太大了答不了，建议可以找js模板和js的mvc框架(三大的先驱)看看，另外还可以看看司徒老师那本书～

撰写回答

推荐问题

相似问题

找不到问题？创建新问题