将html5中的javascript放在外部文件中

在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>

var canvas=document.getElementById（'myCanvas'）；
var ctx=canvas.getContext（'2d'）；
ctx.font=“14px Arial”；
//如何移动到其他文件
职能类人员（性别、姓名1）{
var aa；
这个。性别=性别；
this.name1=name1；
aa=6；
};
//如何移动到其他文件
ClassPerson.prototype.m_sayGender=函数（）
{
ctx.fillText（“this-gender=“+this.gender+”gender=“+this.name1,10,40”）；
};
//留在这个档案里
var person1=新的ClassPerson（'male'，'dave'）；
var person2=新类人（“女性”，“下注”）；
ctx.fillText（“此性别=“+person1.gender，10,20”）；
person1.m_sayGender（）；
myObject._three（）；

您只需使用代码创建一个外部JS文件 并包括如下内容：

或

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

---

评论后：我想你必须用Javascript动态创建一个图像，它是

src

porpertie和diplay它。

在一个外部的*.JS文件中设置你的类的整个JS代码。然后将其导入*.html文件，如下所示：

<script src="<external-file-name>.js" type="text/javascript"></script>

好的，但为什么我得到了-1票？我的例子是没有一个图像，这是我想问的。如何使用canvas/html5访问从另一个文件加载到类中的图像。我不能再问另一个问题并粘贴我所说的代码？我无法从类访问图像。请检查此项：

<script src="<external-file-name>.js" type="text/javascript"></script>