javascript - 即时导入样式表和 javascript

Question

我有一个网站，其导航全部通过 ajax(使用 jquery)完成；每个页面都动态加载到页面上的一个元素中。虽然我有一个通用样式表和 JS 脚本，但每个页面也有一个特定于页面的样式表和 JS 脚本。加载这些特定于页面的脚本和样式表的最有效/最有效的方法是什么？在页面加载时，将不需要大多数页面特定的脚本/样式表。仅当用户(通过 ajax)加载特定页面时才需要页面的脚本/样式表。我应该在页面加载时加载每个脚本和样式表吗？

另一种选择是简单地附加适当的 <link>和 <script>动态加载页面时将元素添加到头部；但是，他们会被称为吗？另外，我需要删除 <link> 吗？和 <script>调用不同页面时的元素(通过ajax)？对于脚本，我可以使用 jQuery 的 .getScript()功能。就效率和跨浏览器支持而言，最好的方法是什么？

谢谢!

Answer 1

Js 和 CSS 是一次性加载的并且是浏览器缓存的(也取决于您的服务器配置)

所以如果你有一个 ajax，只包含 1 个 JS。你可以

1. 将此 JS 插入您主页的页脚(延迟加载；先发制人的思维.. 更快的第二页)

2. 将 include JS 标记与 ajax 响应一起使用。 (这里没有什么复杂的。浏览器进行新的 JS 调用)

3. 将你所有的JS/CSS合并成一个组合JS，推送到首页head标签(兼顾性能和缓存)

4. 文档准备好后，按照您的建议使用 getScript() 执行与 #1 类似的操作