<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>01functionMethod.html</title>
<script>
//宣告式函數
function fAdd1(a, b) {
return (a + b);
}
document.write("fAdd1(10, 20)="+fAdd1(10, 20)+"<br>");
//函數實字(變數)function literal
var fAdd2 = function (a, b) {
return (a + b);
}
document.write("fAdd2(10, 30)=" + fAdd2(10, 30) + "<br>");
//函數建構子(少用)
var fAdd3 = new Function("a","b","return(a+b)")
document.write("fAdd3(10, 40)="+fAdd3(10, 40)+"<br>");
//因為其實fAdd1就是一個函數了，所以函數實字也可以這樣用：
var fAdd4 = fAdd1;//注意fAdd1後面不要加括號，加了代表立即執行(呼叫)反而不能用
document.write("fAdd4(10, 50)=" + fAdd4(10, 50) + "<br>");
//可以發現fAdd2跟fAdd4幾乎一樣
document.write("<hr>fAdd2=" + fAdd2 + "<br>fAdd4=" + fAdd4 + "<hr>")
document.write("<hr>" + window.alert + "<br>")//function alert() { [native code] }
document.write(window.alertx + "<hr>")//undefined
//之可可以用這種方式判斷這個瀏覽器是否有支援此功能：
if(window.alert)//把alert改成alertx，結果會不一樣
alert("支援")
else
alert("不支援")
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>02functionHTML.html</title>
<script>
function showName(pos, name) {
return (pos + "." + name);
}
//在這裡寫好一個JS，在下面body使用，此為HTML DOM的作用(也就是使HTML可以用JS......吧？)
</script>
</head>
<body>
<input type="button" value="write" onclick="document.write(showName('sir','Jack'));" >
<!--注意這個onclick就是連結過去的關鍵-->
</body>
</html>
留言列表
【前端網頁開發技術】 (4)
