6

在 html5 中,我如何将下面的类(构造函数和方法)放在另一个文件中并在 html 文件中引用它。

下面我将所有内容都放在 1 个文件中,但我不希望这样。

  <canvas id="myCanvas" width="600" height="400"></canvas>
<script>
  var canvas = document.getElementById('myCanvas');
  var ctx = canvas.getContext('2d');
  ctx.font="14px Arial"; 



  //how to move to other file
  function ClassPerson(gender,name1) {
      var aa;
      this.gender=gender;
      this.name1=name1;
      aa=6;

  };

   //how to move to other file
  ClassPerson.prototype.m_sayGender = function()
    {
    ctx.fillText("this gender= " + this.gender + " gender=" + this.name1,10,40);
    };

    //stay in this file
  var person1 = new ClassPerson('male','dave');
  var person2 = new ClassPerson('female','bet');
  ctx.fillText("this gender= " + person1.gender,10,20);
  person1.m_sayGender();
  myObject._three();

</script>
4

2 回答 2

7

您只需使用您的代码创建一个外部 JS 文件并像这样包含它:

<script src="myFile.js"> </script> 或者

<script src="<myFile>.js" type="text/javascript"></script>

确保将 JS 文件放在您的 HTML 文件所在的目录中

评论后:我想你必须用 javacript 动态创建一个图像,设置它的 porpertiesrc和显示它。

于 2013-04-09T08:16:40.420 回答
0

在外部 *.js 文件中设置类的整个 JS 代码。然后将其导入您的 *.html 文件,如下所示:

<script src="<external-file-name>.js" type="text/javascript"></script>
于 2013-04-09T08:18:47.957 回答