首頁  >  文章  >  web前端  >  JavaScript中alert()所使用的注意事項

JavaScript中alert()所使用的注意事項

黄舟
黄舟原創
2017-11-20 10:49:083197瀏覽

我們之前的文章介紹了JavaScript中alert()的使用,以及修改alert()的樣式、相信大家對alert()方法都不陌生,應該也用過它來反映運行中一些值,今天就來為大家介紹下關於JavaScript中alert()的使用有哪些需要注意的!

alert() 方法用來顯示帶有一則指定訊息和一個 OK 按鈕警告方塊
語法:alert(message)
message表示要在 window 上彈出的對話方塊中顯示的純文字(而非 HTML 文字)。

alert()是一種破壞性的方法,執行的時候彈出彈跳視窗之後的程式碼就不會執行。

alert()還有一個缺點就是會將參數message轉換為字串
如果我們在使用的時候確定參數message本來就是一個字串的時候就可以放心使用,但是如果不是的話就要當心了,如下幾段代碼:

alert([1,2,3]); //弹出的对话框中显示的是1,2,3

像這種情況還好,最起碼我們是知道參數是一個數組,內容是1,2,3,但是下面這種情況就比較糟糕了:

<p style="margin-bottom: 7px;">alert([1,2,3,[4,5,6]]); //弹出的对话框中显示的是1,2,3,4,5,6<br/></p>

根據彈出對話框中顯示的我們完全無法判斷出參數是一個數組中嵌套一個數組,這個輸出的1,2,3,4,5,6和[1,2,3,[4,5,6]]之間的關係好像是:

String([1,2,3,[4,5,6]]); //输出的结果是1,2,3,4,5,6
String([1,2,3]); //输出的结果是1,2,3

那使用alert()的時候,是不是會將參數message先呼叫String()方法將message轉換為字串呢?

我們接著往下看:

alert({x:1,y:2});//输出的结果是[object Object]
String(({x:1,y:2}));//输出的结果也是[object Object]
alert("abc");//输出的结果是abcString("abc");//输出的结果是abc
alert(123);//输出的结果是123String(123);//输出的结果是123
typeof(String(({x:1,y:2}))); //输出结果是string
typeof(String([1,2,3,[4,5,6]])); //输出结果是string
typeof(String("abc")); //输出结果是string
typeof(String(123)); //输出结果是string

總結:

看完這些我們就很明白了,在使用alert()的時候會先呼叫String()將參數message強制轉換為字串,然後將字串顯示在彈出的對話框中。所以alert()彈出的對話框中顯示的文字和參數message有時候是不一樣的。

相關推薦:

#JavaScript修改alert樣式的方法介紹


JavaScript中alert()的使用說明


javascript中alert()與console.log()的差異

以上是JavaScript中alert()所使用的注意事項的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn