天天看點

javascript中的彈出對話框

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 視窗離螢幕左邊距離(像素機關)

繼續閱讀