बाहरी फ़ाइल में एचटीएमएल 5 में जावास्क्रिप्ट रखें

Question

एचटीएमएल 5 में मैं दूसरी फ़ाइल में नीचे (कन्स्ट्रक्टर और विधि) श्रेणी कैसे रखूं और इसे 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> 

Answer 1

आप बस अपनी कोड साथ एक बाहरी जे एस फ़ाइल बनाने और इस तरह यह शामिल हैं:

<script src="myFile.js"> </script> या

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

जहां निर्देशिका में जे एस फ़ाइल जगह आप सुनिश्चित करें अपनी एचटीएमएल फाइल

टिप्पणी के बाद: मुझे लगता है कि आपको गतिशील रूप से जावास्क्रिप्ट सेट के साथ एक छवि बनाना है यह src porpertie और इसे diplay है।

Answer 2

बाहरी * .js फ़ाइल में अपनी कक्षा का पूरा जेएस कोड सेट करें। फिर इसे अपनी * .html फ़ाइल में आयात करें:

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