javascript--彈出對話方塊 四種對話方塊 獲得使用者輸入值 .

來源:互聯網
上載者:User

讓使用者點擊確定 取消。讓使用者輸入值。開啟指定視窗

alert("message") confirm("message") prompt("message") open("url")

http://www.maobuy.cn

首先我想先說兩句我對javascript的一些看法,我希望大家認真的去學習這門程式設計語言,因為它給我們在開發網頁時,會帶來很多的驚喜。javascript一般是運行在用戶端的(client),主要用於開發一些網頁中的動態效果,其實它的用處還有很多,比如驗證表單內容,以及現在比較流行的AJAX應用.

  今天主要寫一下javascript中的彈出對話方塊:

  第一種:alert("message")

    第二種:confirm("message")

    第三鐘:prompt("message")

    第四種:open("url")

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

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

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

 <script language="javascript">
   var name=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 視窗離螢幕左邊距離(像素單位)

javascript--彈出對話方塊 四種對話方塊 獲得使用者輸入值

讓使用者點擊確定 取消。讓使用者輸入值。開啟指定視窗

alert("message") confirm("message") prompt("message") open("url")

http://www.maobuy.cn

首先我想先說兩句我對javascript的一些看法,我希望大家認真的去學習這門程式設計語言,因為它給我們在開發網頁時,會帶來很多的驚喜。javascript一般是運行在用戶端的(client),主要用於開發一些網頁中的動態效果,其實它的用處還有很多,比如驗證表單內容,以及現在比較流行的AJAX應用.

  今天主要寫一下javascript中的彈出對話方塊:

  第一種:alert("message")

    第二種:confirm("message")

    第三鐘:prompt("message")

    第四種:open("url")

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

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

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

 <script language="javascript">
   var name=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 視窗離螢幕左邊距離(像素單位)

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.