[英]place javascript in html5 in external file
在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>
您只需使用您的代码创建一个外部JS文件,并将其包含如下:
<script src="myFile.js"> </script>
或
<script src="<myFile>.js" type="text/javascript"></script>
务必将JS文件放在HTML文件所在的目录中
评论之后:我猜你必须用javacript动态创建一个图像,然后设置它的src
porpertie和它。
在外部* .js文件中设置类的整个JS代码。 然后将其导入到您的* .html文件中,如下所示:
<script src="<external-file-name>.js" type="text/javascript"></script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.