Question

让我们说我希望将“家庭盖伊”的所有季节都显示为一个数字。（15）但是当然会有更多的季节，所以我必须在每个文件中更改15到16等等。这是因为我想为值创建一个变量，所以我只需要为所有文件更改一次。

外部js.script

var seasons = "15"; 
document.getElementById('seasons').innerHTML = seasons;

所以现在我想在我的HTML文件中包含变量：

<div id="seasons"></div>

它有效，但在三个变量之后，所有其他变量都不会显示。

有没有更好的方法在外部文件中创建变量？

Answer 1

如果您的应用程序中需要一组常量，通常最好将它们加载到命名空间并在任何其他代码之前加载它。

/* app.js */
// Create the namespace
var App = {};

App.Constants = {
  FAMILY_GUY: 15,
  SIMPSONS: 28,
  FUTURAMA: 7
};

/* family-guy.js */
document.getElementById('familyGuy').innerHTML = App.Constants.FAMILY_GUY;

/* simpsons.js */
document.getElementById('simpsons').innerHTML = App.Constants.SIMPSONS;

/* futurama.js */
document.getElementById('futurama').innerHTML = App.Constants.FUTURAMA;

<div id="familyGuy"></div>
<div id="simpsons"></div>
<div id="futurama"></div>

<!-- 
Imagine you're loading your files like this
<script src="app.js"></script>
<script src="family-guy.js"></script>
<script src="simpsons.js"></script>
<script src="futurama.js"></script>
-->

从另一个JavaScript文件导入变量

1 个答案: