js 彈出對話框3種方式
對話框有三種
1:只是提醒,不能對腳本產生任何改變;
2:一般用于確認,返回 true 或者 false ,所以可以輕松用于 if...else...判斷
3:一個帶輸入的對話框,可以返回用戶填入的字符串,常見于某些留言本或者論壇輸入內容那里的 插入UBB格式圖片
下面我們分別演示: 復制以下代碼存為test.htm文件
<html>
<head>
<title>無標題頁</title>
</head>
<script language="javascript" type="text/javascript">
function ale()
{
//這個基本沒有什么說的,就是彈出一個提醒的對話框
alert("我敢保證,你現在用的是演示一");
}
function firm()
{
//利用對話框返回的值 (true 或者 false)
if(confirm("你確信要轉去 天轟穿的博客?"))
{
//如果是true ,那么就把頁面轉向thcjp.cnblogs.com
location.href="http://thcjp.cnblogs.com";
}
else
{
//否則說明下了,赫赫
alert("你按了取消,那就是返回false");
}
}
function prom()
{
var name=prompt("請輸入您的名字","");//將輸入的內容賦給變量 name ,
//這里需要注意的是,prompt有兩個參數,前面是提示的話,后面是當對話框出來后,在對話框里的默認值
if(name)//如果返回的有內容
{
alert("歡迎您:"+ name)
}
}
</script>
<body>
<p>演示一:提醒 對話框</p>
<input type="submit" name="Submit" value="提交" onclick="ale()" />
<p>演示二 :確認對話框 </p>
<input type="submit" name="Submit2" value="提交" onclick="firm()" />
<p>演示三 :要求用戶輸入,然后給個結果</p>
<input type="submit" name="Submit3" value="提交" onclick="prom()" />
</body>
</html>
|