JavaScript 對話方塊和狀態列使用說明

今天為大家簡單介紹一下 JavaScript 對話方塊和狀態列。

javascript 與 對話方塊：

• 三種對話方塊圖示：

  在用戶端瀏覽器中，三種常見的Window方法用來彈出簡單對話方塊，它們分別是 alert(),confirm()和prompt()。alert()用於向使用者顯示訊息。confirm()要求使用者點擊確認或取消。prompt()要求使用者輸入一個字串。下面的三幅圖分別為alert(),confirm()和prompt()。

  alert()對話方塊提示

  confirm()對話方塊提示

  prompt()對話方塊提示

• 三種對話方塊簡介：

  alert()方法彈出的對話方塊只是顯示提示資訊，對使用者起提醒作用。

  confirm()方法用於詢問使用者是否確認，展示兩個按鈕——確認和取消。相當於if/else結構，如果點擊確認按鈕，則繼續執行下面的程式，如果點擊取消按鈕，則返回false。

  prompt()方法帶有一個輸入框，其返回的內容就是使用者在輸入框中輸入的內容。目的就是擷取使用者的輸入。

• 對話方塊阻塞進程簡介：

  無論是confirm()和prompt()都會產生阻塞，也就是說，在使用者關掉它們所顯示的對話方塊之前，它們不會返回。同時也就意味著在彈出一個對話方塊時，代碼會停止運行。如果當前正在裝載文檔，也會停止裝載，直到使用者用要求的輸入進行了響應為止。沒有方法可以防止這些方法產生阻塞，因為它們的傳回值是使用者的輸入，所以在返回之前它們必須等待使用者進行輸入。

  在大多數瀏覽器中，alert()也會產生阻塞，並等待使用者關閉對話方塊。但是在某些瀏覽器中（尤其是UNIX平台上的Netscape3和4），alert()方法並不產生阻塞。不過小小子在fedora11上面做測試，也是會產生阻塞的，當然我沒有用netscape實驗，我用的是Firefox瀏覽器測試，同樣阻塞。不過犀牛的作者說：

在實踐中，這點小小的不相容性很少引起問題。
alert(),confirm()和prompt()的用法：
alert('這是一個alert提示，你滴明白？');
confirm('這是一個confirm提示，你是願意看啊，還是願意看啊？');
prompt('來，帥哥，告訴哥你的名字吧');

javascript 與 狀態列：
當使用者將滑鼠放在一個超連結上面的時候，瀏覽器會在狀態列上面顯示出這個超連結所指向的url地址。但是有的時候你會發現當你的滑鼠放在超連結或者圖片上面的時候，狀態列的上面顯示的是一些文本而不是連結地址。
在 javascript 中，瀏覽器的狀態列上面的內容由 Window 對象的兩個屬性控制，即 status 和 defaultStatus。所以通過 javascript 可以改變狀態列的預設行為，顯示我們所希望顯示給使用者的資訊。
屬性status 主要用於存放瞬時訊息，即當有觸發事件發生的時候才會改變狀態列的資訊。而defaultStatus屬性指定了顯示在狀態列中預設的文本。只有當觸發事件發生的時候，狀態列上面的文本才會被指定的status替換，否則將一直顯示defaultStatus屬性指定的內容。 複製代碼 代碼如下:<!--
當滑鼠放在上面代碼的時候，狀態列會顯示：滑鼠放在這個連結上面，狀態列顯示的內容。
-->
<a href='http://www.jb51.net' target='_blank' onmouseover="window.status='滑鼠放在這個連結上面，狀態列顯示的內容。';return true;">指令碼之家</a>

上例中的事件處理常式必須得return true;這就通知了瀏覽器當事件發生的時候不應該執行自己的預設的動作，也就是說不應該在狀態列中顯示連結的URL，如果忘記了return true;那麼瀏覽器就會用它自己的URL覆蓋處理常式在狀態列中顯示的所有資訊。

再來看一個defaultStatus的例子吧，將頁面狀態列的預設值設定為：歡迎來到本站，小小子感謝您的到來。

defaultStatus = '歡迎來到本站，小小子感謝您的到來';
window.defaultStatus = defaultStatus;
代碼示範及說明：

也許有的時候，各位無法看到狀態列上面顯示的資訊，下面給出方法，希望可以協助大家：

in Firefox:

1. Go to Tools > Options
2. Click the Content tab
3. Ensure that the JavaScript option is checked
4. Click Advanced (next to the Enable JavaScript option)
5. Check the Change status bar text option
6. Click OK to save this screen
7. Click OK again

In Internet Explorer:

1. Go to Tools > Internet Options
2. Click the Security tab
3. Ensure that the Internet option is selected/highlighted
4. Click Custom Level… (this launches the security settings for the Internet zone)
5. Scroll down until you see Allow status bar updates via script (under the Scripting option). Click Enable
6. Click OK to save this screen
7. Click OK again