2013-04-09 20 views
6

html5では、どのようにしてクラス(コンストラクタとメソッド)を別のファイルに配置し、htmlファイルで参照するのですか?外部ファイルのhtml5にjavascriptを置く

以下、私は1ファイルのすべてを持っていますが、私はそれを望んでいません。あなたのディレクトリにJSファイルを配置するようにしてください

<script src="myFile.js"> </script> または

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

:あなたは単にあなたのコード 外部JSファイルを作成し、このようにそれを含める

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

答えて

7

あなたのHTMLファイルを持っています

コメントの後に:あなたはjavacriptセットで画像を動的に作成しなければならないと思いますそれはsrcのporpertieとそれを表示しています。

+0

これは正常ですが、なぜ私は-1票を獲得しましたか?私の例は、私が求めていたイメージのないものでした。 canvas/html5を使用して、別のファイルからクラスに読み込まれたイメージにアクセスするにはどうすればよいですか? – jagguy

+0

別の質問をして、私が話していることのコードを貼り付けることはできませんか?私はクラスから画像へのアクセスを取得できません。 – jagguy

+0

これを確認してください:http://stackoverflow.com/questions/8050573/how-can-i-use-a-variable-from-an-external-js-file-in-my-html – Jacob

0

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

<script src="<external-file-name>.js" type="text/javascript"></script> 
関連する問題