天天看點

javascript入門系列示範·三種彈出對話框的用法執行個體

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>  

<!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 ,那麼就把頁面轉向thcjp.cnblogs.com  

        location.href="http://www.baidu.com";  

    }  

    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>  

  <input type="submit" name="Submit2" value="送出" onclick="firm()" />  

<p>示範三 :要求使用者輸入,然後給個結果</p>  

  <input type="submit" name="Submit3" value="送出" onclick="prom()" />  

</body>  

</html>  

對話框有三種

1:隻是提醒,不能對腳本産生任何改變;

2:一般用于确認,傳回 true 或者 false ,是以可以輕松用于 if...else...判斷

3: 一個帶輸入的對話框,可以傳回使用者填入的字元串,常見于某些留言本或者論壇輸入内容那裡的 插入UBB格式圖檔

下面我們分别示範:

本文轉自程式猿部落格51CTO部落格,原文連結http://blog.51cto.com/haihuiwei/1680389如需轉載請自行聯系原作者

365850153

繼續閱讀