调用“HTML组件”从JS文件中


Calling "HTML components" from within JS files

我一直在寻求使用Javascript来加载内容,就像PHP使用requirerequire_onceinclude一样,所以我来到了这个:

在HTML源码中:

<script src="footer.js"></script>
footer.js文件:
document.write('<footer id="footer" class="fluid"><div id="callaction"><p>A sua saúde está em dia? Confira aqui</p></div><p>&copy;2015, CUIDAR SAÚDE. Todos os direitos reservados</p><p>André Lemos - Master Design</p></footer>');

它可以工作,但由于我不是JS专家,我问:这是一件坏事吗?我是否需要担心性能问题?更好的主意吗?

是的,这是一个实现的好主意。但是,保重。由于您正在导入页脚,脚本标签应该写在整个html内容的末尾。

链接输出到文档的JS脚本不是一个好主意。这个概念有几个问题:

  1. 浏览器必须打开一个新的客户端-服务器连接和/或发出一个HTTP请求,
  2. 1降低页面加载速度的原因(主要是如果脚本链接在主页内容之前),
  3. 一些搜索爬虫无法识别(并因此索引)"包含"的内容。

但是在你使用或允许它之前,你也必须考虑你想要使用这个"包括内容"的情况。如果你只是用它作为普通页脚,这个概念可能是令人满意的。


如果你想要/需要使用一些服务器端解决方案,因为上面描述的问题,但你不想使用PHP和它的include语句,你可以尝试服务器端包含模块的Apache