DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript三種彈出對話框的用法實例
javascript三種彈出對話框的用法實例
編輯:關於JavaScript     
對話框有三種

1:只是提醒,不能對腳本產生任何改變(alert(""));

2:一般用於確認,返回 true 或者 false ,所以可以輕松用於 if...else...判斷(confirm("你確信要轉去 的網站嗎?"))

3: 一個帶輸入的對話框,可以返回用戶填入的字符串,常見於某些留言本或者論壇輸入內容那裡的 插入UBB格式圖片(prompt("請輸入您的名字",""))

下面我們分別演示:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>三種彈出對話框的用法實例-</title>
<script language="javascript">
function ale()
{//這個基本沒有什麼說的,就是彈出一個提醒的對話框
alert("我敢保證,你現在用的是演示一");
}
function firm()
{//利用對話框返回的值 (true 或者 false)
if(confirm("你確信要轉去 的網站嗎?"))
{//如果是true ,那麼就把頁面轉向
location.href="http://";
}
else
{//否則說明下了,赫赫
alert("你按了取消,那就是返回false");
}
}
function prom()
{
var name=prompt("請輸入您的名字","");//將輸入的內容賦給變量 name ,
//這裡需要注意的是,prompt有兩個參數,前面是提示的話,後面是當對話框出來後,在對話框裡的默認值
if(name)//如果返回的有內容
{
alert("歡迎您:"+ name)
}
}
</script>
</head>

<body>
<p>對話框有三種</p>
<p>1:只是提醒,不能對腳本產生任何改變;</p>
<p>2:一般用於確認,返回 true 或者 false ,所以可以輕松用於 ifelse判斷 </p>
<p>3: 一個帶輸入的對話框,可以返回用戶填入的字符串,常見於某些留言本或者論壇輸入內容那裡的 插入UBB格式圖片 </p>
<p>下面我們分別演示:</p>
<p>演示一:提醒 對話框</p>
<p>
<input type="submit" name="Submit" value="提交" onclick="ale()" />
</p>
<p>演示二 :確認對話框 </p>
<p>
<input type="submit" name="Submit2" value="提交" onclick="firm()" />
</p>
<p>演示三 :要求用戶輸入,然後給個結果</p>
<p>
<input type="submit" name="Submit3" value="提交" onclick="prom()" />
</p>
</body>
</html>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved