假设我有5个javascript文件需要加载到网站的每个页面上,有没有理由不将这些js文件添加到外部html文档并使用a动态加载文件列表php include? p>
我以前做过的事情:
<head>
</head>
<body>
<!-- Whatever Content -->
<!-- Scripts -->
<script src="pathto/file1.js" type="text/javascript"></script>
<script src="pathto/file2.js" type="text/javascript"></script>
<script src="pathto/file3.js" type="text/javascript"></script>
<script src="pathto/file4.js" type="text/javascript"></script>
<script src="pathto/file5.js" type="text/javascript"></script>
</body>
有没有理由不这样做?
<head>
</head>
<body>
<!-- Whatever Content -->
<?php include_once "pathto/scripts.html" ?>
</body>
其中scripts.html如下所示:
<!-- Scripts -->
<script src="pathto/file1.js" type="text/javascript"></script>
<script src="pathto/file2.js" type="text/javascript"></script>
<script src="pathto/file3.js" type="text/javascript"></script>
<script src="pathto/file4.js" type="text/javascript"></script>
<script src="pathto/file5.js" type="text/javascript"></script>
显然它有效。我只是仔细检查基本的Web应用程序,这是加载这些脚本的完全可接受(或首选)的方式,并且它不会导致不必要的服务器请求/加载时间问题。
只是澄清:
我经常有一小部分核心javascript文件,我从外部加载。我问这个文件列表是否有意义并使用php include动态加载它。这样,如果我需要为每个页面添加一个新的js文件,我就不必单独进入并编辑每个页面。
提前感谢新秀没有火红。我先搜索过,但没有找到明确的答案。
答案 0 :(得分:3)
所有答案可能都不明白你在问什么。 你不包括带有php include的javascript,你包含的部分html代码包含你的js文件的链接。
你的第二个解决方案(在index.php文件和scripts.html中包含inlcude)绝对可以。特别是如果您有多个模板,其中包含scripts.html。
如果您在多个页面上使用第一个(历史)解决方案并且想要删除一个js文件,则编辑这些文件将花费更多的工作。它也更容易出错,您很容易忘记编辑其中一个模板。
不要害怕使用新技术。浏览器输出与第一个静态文件中的输出相同,所有浏览器都会以相同的方式缓存js文件。
答案 1 :(得分:0)
应该做的是将每个JS文件放入从HTML加载的单独文件中:
<script src="pathto/script1.js"></script>
<script src="pathto/script2.js"></script>
这样,浏览器就可以缓存Javascript文件。如果在多个页面中使用相同的文件,则只需下载一次,而不是作为每个页面的一部分包含。
答案 2 :(得分:-1)
如果要包含任何应使用的外部js文件
<script src="pathto/scripts.js" type="text/javascript"></script>
。这不是链接任何js文件的权利,你应该在头部或身体的最后部分以及文件的依赖性顺序中定义它。
<html>
<head>
<script src="your_link" type="text/javascript"></script>
</head>
<body>
</body>
</html>