快捷導(dǎo)航

javascript基礎(chǔ)第一章 JavaScript與用戶端

更新時間：2010年07月22日 13:27:32 作者：

一頁面輸出
1.頭部文件

 
<head> 
<script language="javascript"> 
document.write("腳本之家www.fzitv.net"); 
</script> 
</head> 

2.頁面內(nèi)

復(fù)制代碼代碼如下:

 
<body> 
<script> 
document.write("腳本之家"); 
</script> 
</body> 

3.外部文件
<script src="display.js"></script>
4.利用頁面ID的innerHtml

復(fù)制代碼代碼如下:

 
<script> 
window.onload = writeMessage; // 頁面加載時調(diào)用writeMessage函數(shù) 
writeMessage() { 
document.getElementById("helloMessage").innerHTML = "腳本之家"; 
//找到dom ID（helloMessage），修改其html內(nèi)容 
} 
</script> 

5.警告
alert("廣州百匯物流有限公司");
6.詢問

復(fù)制代碼代碼如下:

 
if (confirm("是否訪問我們的首頁")) 
{ 
alert("是的，前往"); 
} 
else { 
alert("退出"); 
}

7.輸入

復(fù)制代碼代碼如下:

 
var ans = prompt("輸入你的留言","您好，"); 
if (ans) { 
alert("你說:" + ans); 
} 
else { 
alert("退出，沒有留言"); 
} 

8.頁面跳轉(zhuǎn)

復(fù)制代碼代碼如下:

 
<script> 
window.onload = initAll; 
function initAll() { 
document.getElementById("redirect").onclick = initRedirect; 
} 
function initRedirect() 
{ 
window.location = "index.html"; 
return false; 
} 
</script> 
<a href="http://www.fzitv.net" id="redirect">腳本之家</a> 

9.判斷分支

復(fù)制代碼代碼如下:

 
<script> 
window.onload = initAll; 
function initAll() { 
document.getElementById("Lincoln").onclick = saySomething; 
document.getElementById("Kennedy").onclick = saySomething; 
document.getElementById("Nixon").onclick = saySomething; 
} 
function saySomething() { 
switch(this.id) { 
case "Lincoln": 
alert("Four score and seven years ago..."); 
break; 
case "Kennedy": 
alert("Ask not what your country can do for you..."); 
break; 
case "Nixon": 
alert("I am not a crook!"); 
break; 
default: 
} 
} 
</script> 
<form action="#"> 
<input type="button" id="Lincoln" value="Lincoln" /> 
<input 
type="button" id="Kennedy" value="Kennedy" /> 
<input type="button" id="Nixon" 
value="Nixon" /> 
</form> 

10.異常捕獲

復(fù)制代碼代碼如下:

 
window.onload = initAll; 
function initAll() { 
var ans = prompt("輸入?yún)?shù)：",""); 
try { 
if (!ans || isNaN(ans) || ans<0) { 
throw new Error("輸入為非數(shù)"); 
} 
alert("根號" + ans + " 是 " + Math.sqrt(ans)); 
} 
catch (errMsg) { 
alert(errMsg.message); 
} 
} 

您可能感興趣的文章: