|
|
1.頭部文件
復(fù)制代碼 代碼如下:
<head>
<script language="Javascript">
document.write("腳本之家www.jb51.NET");
</script>
</head>
2.頁(yè)面內(nèi)
復(fù)制代碼 代碼如下:
<body>
<script>
document.write("腳本之家");
</script>
</body>
3.外部文件
<script src="display.js"></script>
4.利用頁(yè)面ID的innerHtml
復(fù)制代碼 代碼如下:
<script>
window.onload = writeMessage; // 頁(yè)面加載時(shí)調(diào)用writeMessage函數(shù)
writeMessage() {
document.getElementById("helloMessage").innerHTML = "腳本之家";
//找到dom ID（helloMessage），修改其html內(nèi)容
}
</script>
5.警告
alert("廣州百匯物流有限公司");
6.詢(xún)問(wèn)
復(fù)制代碼 代碼如下:
if (confirm("是否訪(fǎng)問(wèn)我們的首頁(yè)"))
{
alert("是的，前往");
}
else {
alert("退出");
}
7.輸入
復(fù)制代碼 代碼如下:
var ans = prompt("輸入你的留言","您好，");
if (ans) {
alert("你說(shuō):" + ans);
}
else {
alert("退出，沒(méi)有留言");
}
8.頁(yè)面跳轉(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.jb51.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("根號(hào)" + ans + " 是 " + Math.sqrt(ans));
}
catch (errMsg) {
alert(errMsg.message);
}
}
JavaScript技術(shù)：javascript基礎(chǔ)第一章 JavaScript與用戶(hù)端，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
