2013-04-09 15 views
6

In html5 come posiziono la classe di seguito (costruttore e metodo) in un altro file e la riferimento nel file html.posto javascript in html5 nel file esterno

Sotto ho tutto in 1 file e non lo voglio.

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

risposta

7

È sufficiente creare un file JS esterno con il codice e includere in questo modo:

<script src="myFile.js"> </script> o

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

Assicurarsi di inserire il file JS nella directory in cui si avere il tuo file HTML

Dopo il commento: Immagino che devi creare dinamicamente un'immagine con set javacript è src portatore e il diplay esso.

+0

ok che funziona, ma perché ho ottenuto un voto di -1? Il mio esempio era senza un'immagine che è quello che volevo chiedere. Come posso accedere a un'immagine caricata in una classe da un altro file usando canvas/html5. – jagguy

+0

Non posso fare un'altra domanda e incollare il codice di ciò di cui sto parlando? Non riesco ad accedere all'immagine da una classe. – jagguy

+0

Verifica questo: http://stackoverflow.com/questions/8050573/how-can-i-use-a-variable-from-an-external-js-file-in-my-html – Jacob

0

Imposta l'intero codice JS della classe in un file * .js esterno. Quindi importalo nel tuo file * .html in questo modo:

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