2018/08/03日誌 JavaScript在HTML中的應用

2018/08/03日誌
今天的學習內容是javascript基本語法以及其在HTML裏的一些應用
一、 定義函數
1、定義式
function functionName([參數列表]){
函數體;
}
2、變量式
var functionName =function ([參數列表]){
函數體;
};
《在實際應用中二者沒有區別，但在調用中順序上差異:有名函數可以在調用之後再定義，而匿名函數則不可以。》
二、JavaScript自定義對象方式
1、直接創建方式
語法：
var 對象變量名 = new Object();
對象變量名. property1 = value1;
對象變量名. propertyN = valueN;
對象變量名. methodName1 = function([參數列表]){
//函數體
}
對象變量名. methodNameN = function([參數列表]){
//函數體
}
2、對象初始化器方式
語法
var 對象變量名 = {
property1 : value1,
property2 : value2,
…,
propertyN : valueN,
methodName1 : function([parameter_list]){
//函數體
},
…,
methodNameN : function([parameter_list]){
//函數體
}
}
3、構造函數方式
語法
function 構造函數([參數列表]){
this.屬性 = 屬性值;
…
this.屬性N = 屬性值N;
this.函數1 = method1;
…
this.函數N = methodN;
}
function method1([參數列表]){
//函數體
}
…
function methodN([參數列表]){
//函數體
}
4、prototype原型方式
語法
function 對象構造器( ){
}
對象構造器.prototype.屬性名=屬性值;
對象構造器.prototype.函數名 = function([參數列表]){
//函數體
}
5、混合式（構造函數式和原型式的混合）
語法
function 對象構造器([參數列表]){
}
對象構造器.prototype.函數名 = function([參數列表]){
//函數體
}
三、javascript在HTML中的應用



var i=1;
function setimage(){
var element = document.getElementById("image");
element.src="../img/png"+i+".png";
i++;
if(i==6){
i=1;
}
}
setInterval("setimage()",1000)