javascript中的彈出對話方塊

weixin_34344677發表於2010-08-12

javascript中的彈出對話方塊:

  第一種:alert("message")

   第二種:confirm("message")

   第三鍾:prompt("message")

   第四種:open("url")

 

    第一種alert對話方塊是一個最簡單,也是最常用的一個彈出對話方塊,通常用於提示資訊,對話方塊包含一個按鈕,單擊對話方塊中的按鈕將會關閉此對話方塊.

   第二種confirm對話方塊返回的是一個布林值,該對話方塊一般用於使用者選擇,該對話方塊包含兩個按鈕,一般一個是"確認",另一個是"取消",比如我們在開發程式的時候,建立一個刪除按鈕,為了防止使用者務操作,一般就會用到這個對話方塊:"您確定刪除嗎?"如果選擇"確定",執行刪除,如果選擇"取消",則返回,不做任何操作!

   第三種prompt對話方塊,主要使用者獲取使用者輸入的資訊,比如,彈出一個對話方塊:

 <scriptlanguage="javascript">
   varname=prompt("你的名字叫什麼?");
   document.write(name);
</script>

   prompt對話方塊包括兩個按鈕("確認"和"取消")和一個文字框,文字框用來獲取使用者輸入的資訊.

   第四種其實是一種用對話方塊的方式開啟一個網頁,open方法包含很多的引數,主要是使用者設定瀏覽器的顯示外觀:

window.open("Webpage.asp?",Derek,"height=100,width=100,status=yes,toolbar=yes,
menubar=no,location=no");
此語句開啟一個新視窗,頁面為webpage.asp,引數為var,名字為Derek,高為100,寬為100,顯示狀態列和工具條,不顯示選單和地址。

具體總結的各個屬性引數如下:
window = object.open([URL ][, name ][, features ][,replace]]]])
URL:新視窗的URL地址
name:新視窗的名稱,可以為空
featurse:屬性控制字串,在此控制視窗的各種屬性,屬性之間以逗號隔開。
fullscreen= { yes/no/1/0 } 是否全屏,預設no
channelmode= { yes/no/1/0 } 是否顯示頻道欄,預設no
toolbar= { yes/no/1/0 } 是否顯示工具條,預設no
location= { yes/no/1/0 } 是否顯示位址列,預設no
directories = { yes/no/1/0 } 是否顯示轉向按鈕,預設no
status= { yes/no/1/0 } 是否顯示視窗狀態條,預設no
menubar= { yes/no/1/0 } 是否顯示選單,預設no
scrollbars= { yes/no/1/0 } 是否顯示滾動條,預設yes
resizable= { yes/no/1/0 } 是否視窗可調整大小,預設no
width=number 視窗寬度(畫素單位)
height=number 視窗高度(畫素單位)
top=number 視窗離螢幕頂部距離(畫素單位)
left=number 視窗離螢幕左邊距離(畫素單位)

相關文章