Latest web development tutorials
×

JavaScript 教程

JavaScript 教程 JavaScript 簡介 JavaScript 用法 JavaScript 輸出 JavaScript 語法 JavaScript 語句 JavaScript 註釋 JavaScript 變量 JavaScript 數據類型 JavaScript 對象 JavaScript 函數 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 運算符 JavaScript 比較 JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript 類型轉換 JavaScript 正則表達式 JavaScript 錯誤 JavaScript 調試 JavaScript 變量提升 JavaScript 嚴格模式 JavaScript 使用誤區 JavaScript 表單驗證 JavaScript 保留關鍵字 JavaScript JSON JavaScript void JavaScript 代碼規範

JS 函數

JavaScript 函數定義 JavaScript 函數參數 JavaScript 函數調用 JavaScript 閉包

JS HTML DOM

DOM 簡介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素

JS 高級教程

JavaScript 對象 JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp 對象

JS 瀏覽器 BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript 彈窗 JavaScript 計時事件 JavaScript Cookies

JS 庫

JavaScript 庫 JavaScript 測試 jQuery JavaScript 測試 Prototype

JS 實例

JavaScript 實例 JavaScript 對象實例 JavaScript 瀏覽器對象實例 JavaScript HTML DOM 實例 JavaScript 總結

JS 參考手冊

JavaScript 對象 HTML DOM 對象

JavaScript 彈窗

可以在JavaScript 中創建三種消息框:警告框、確認框、提示框。


警告框

警告框經常用於確保用戶可以得到某些信息。

當警告框出現後,用戶需要點擊確定按鈕才能繼續進行操作。

語法

window.alert("sometext");

window.alert()方法可以不帶上window對象,直接使用alert()方法。

實例

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("你好,我是一個警告框!");
}
</script>
</head>
<body>

<input type="button" onclick="myFunction()" value="顯示警告框">

</body>
</html>

嘗試一下»


確認框

確認框通常用於驗證是否接受用戶操作。

當確認卡彈出時,用戶可以點擊"確認" 或者"取消" 來確定用戶操作。

當你點擊"確認", 確認框返回true, 如果點擊"取消", 確認框返回false。

語法

window.confirm("sometext");

window.confirm()方法可以不帶上window對象,直接使用confirm()方法。

實例

var r=confirm("按下按钮");
if (r==true)
{
    x="你按下了\"确定\"按钮!";
}
else
{
    x="你按下了\"取消\"按钮!";
}

嘗試一下»


提示框

提示框經常用於提示用戶在進入頁面前輸入某個值。

當提示框出現後,用戶需要輸入某個值,然後點擊確認或取消按鈕才能繼續操縱。

如果用戶點擊確認,那麼返回值為輸入的值。 如果用戶點擊取消,那麼返回值為null。

語法

window.prompt("sometext","defaultvalue");

window.prompt()方法可以不帶上window對象,直接使用prompt()方法。

實例

var person=prompt("請輸入你的名字","Harry Potter");
if (person!=null && person!="")
{
x="你好" + person + "! 今天感覺如何?";
document.getElementById("demo").innerHTML=x;
}

嘗試一下»


換行

彈窗使用反斜杠+ "n"(\n) 來設置換行。

實例

alert("Hello\nHow are you?");

嘗試一下»