【问题标题】:How to include a JavaScript object in a separate file如何在单独的文件中包含 JavaScript 对象
【发布时间】:2013-05-14 00:40:26
【问题描述】:

我正在尝试包含一个单独的 .js 文件,以便我可以拉入我创建的类,但它不起作用,谁能告诉我为什么?

playercharacter.js

function PlayerCharacter() {
this.x = 0; 
this.y = 0;

this.dx = 5;
this.dy = 5;
}


PlayerCharacter.prototype.sayHello = function()
{
 alert ('hello');
};

index.html

<html>
<head>
<script src="js/playercharacter.js" type="text/javascript" ></script>
</head>
<body>
 <script type="text/javascript" >
var player = new PlayerCharacter();
player.sayHello();
</script>
</body>
</html>

【问题讨论】:

  • 在“playercharacter.js”中的任何函数之外放置一个alert(),以确保它完全被加载。
  • 为什么此代码示例以“PSEUDO”开头?它似乎不是伪代码。
  • 我输入了一个警报,你是对的 - 它没有执行?我检查了文件路径 - indexh.html 位于根目录中,而 js 文件位于名为 js 的文件夹中 ...
  • 到底是什么,我将这个示例作为 zip 文件上传...没有比这更简单的了,为什么它不起作用? ryandebraal.com/HTML5_test3.zip
  • 是的,绝对建议将路径设置为正确的 fodler。

标签: javascript html oop object


【解决方案1】:

您忘记将 JS 代码包装到 &lt;script&gt; 标签中

<html>
 <head>
  <script src="js/playercharacter.js" type="text/javascript" ></script>
 </head>
 <body>
  <script type="text/javascript" >
   var player = new PlayerCharacter();
   player.sayHello();
  </script>
 </body>
</html>

【讨论】:

    【解决方案2】:

    您的 JavaScript 代码不在 script 标记中。

    <script>
        var player = new PlayerCharacter();
        player.sayHello();
    </script>
    

    【讨论】:

      【解决方案3】:

      您需要用&lt;script&gt; 标记将正文中的代码括起来。

      【讨论】:

      • Mobile SO 不会通知新的答案。
      • 好的 ;) 不知道呵呵。
      猜你喜欢
      • 2013-06-05
      • 2020-03-16
      • 1970-01-01
      • 2019-08-04
      • 2020-05-17
      • 2016-11-02
      • 1970-01-01
      • 2011-06-30
      • 2010-10-30
      相关资源
      最近更新 更多