close
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
span{
color: #a00;
}
</style>
</head>
<body>
<h2>greet1:<span id="greet1"></span></h2>
<h2>greet1.language:<span id="greet1_lan"></span></h2>
<h2>greet2:<span id="greet2"></span></h2>
<h2>greet3:<span id="greet3"></span></h2>
<h2>greet4:<span id="greet4"></span></h2>
<script type="text/javascript">
/*函式也是物件,可以定義屬性*/
function greet1(name){
document.getElementById('greet1').innerHTML='Hi '+name;
}
greet1('john');
greet1.language='English';
document.getElementById('greet1_lan').innerHTML=greet1.language;
/*匿名函式*/
var greet2=function(name){
document.getElementById('greet2').innerHTML='Hi '+name;
}
greet2('mike');
/*直接執行匿名函式*/
var greet3=function(name){
document.getElementById('greet3').innerHTML='Hi '+name;
}('peter');
/*直接執行匿名函式並不幫函式命名*/
(function(name){
document.getElementById('greet4').innerHTML='Hi '+name;
}('frank'));
</script>
</body>
</html>
全站熱搜