如果js文件的数量更大,如何管理网页中的JavaScript(.js)文件?

时间:2015-02-28 09:58:10

标签: javascript html5

我的网页上有更多15(.js)文件。我需要知道是否还有其他有效的方法来管理HTML或jsp页面中的java脚本(.js)文件,而不是将所有.js文件放在脚本标记中?

2 个答案:

答案 0 :(得分:0)

有几种不同的方法可以做到这一点,首先提到的是组合它们。另一种方法是用户服务器端代码在执行期间将它们组合起来。

SIMPLE PHP示例: myscripts.php

<?php
    header('Content-Type: application/javascript');
    echo file_get_contents("scripts/script1.js");
    echo file_get_contents("scripts/script2.js");
    echo file_get_contents("scripts/script3.js");
    echo file_get_contents("scripts/script4.js");
?>

通过使用上述方法,您仍然可以轻松管理脚本,并将它们显示为您网站/页面中的一个脚本。简单地使用上面的内容,例如

<script src="myscripts.php"></script>

如果您没有服务器端语言(这通常意味着这不是托管页面),那么您的选项非常有限。所以这将是我建议的第一个。

此外,忘记了google使用的那个..通过在页面正文中添加脚本标记,使用包含其他脚本的单个脚本..

答案 1 :(得分:0)

如果您的js文件太多,有几种方法可以优化您的网站。

  1. 将脚本合并到一个文件中
  2. 缩小脚本:这有助于减小文件大小
  3. 使用像Headjs
  4. 这样的脚本加载器


    当然,还有其他方法可以根据具体情况解决这个问题。我刚刚列举了一些常见的东西。