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

0

クラスの JS コード全体を外部の *.js ファイルに設定します。次に、次のように *.html ファイルにインポートします。

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