Question

家庭PHP页面中有一个像这样有很多jquery的行...

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="https://use.fontawesome.com/5b3a8fc5cd.js"></script>
<script src="js/main.js"></script>

我正在尝试清理代码并组织代码，我想知道这是否可行将所有jquery的行放入其他页面并将名称命名为all.jquery.js ！如果是这样，我如何从主页链接到all.jquery.js ..？

我尝试在主页中使用<script src="js/all.jquery.js"></script>但无效。

我错过了什么！

Alidad

Answer 1

您无法将html文件作为脚本来源，因为您使用.js扩展名对其进行了命名。

如果您正在使用服务器端语言（PHP等）或正在使用模板系统（Django，Jinja2，Jade等），那么您可以使用include注入外部一段HTML到另一页。

如果您没有模板系统，可以将javascript文件连接到一个脚本中。这将允许您只提供一个大的.js文件，并减少页面发出的请求数。有很多工具和构建系统可以连接和缩小您的JavaScript。

Answer 2

您无法将html文件作为脚本来源。

但是你可以使用RequireJS，它基本上从指定的路径调用所有JS文件。

<script data-main="scripts/all.js" src="scripts/require.js"></script>

然后在“all.js” -

中调用其余的JS文件

阅读http://requirejs.org/docs/api.html#jsfiles，了解如何相应地调用JS文件。

如何在其他页面中连接到jquery

2 个答案: