06.js常用的輸出方式

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<script>

js提供的瀏覽器彈窗
//1. alert:在瀏覽器彈出一個提示框 (提供確定按鈕,點(diǎn)擊確定 彈框消失)
// alert([12,23]);//12,23
// alert({name:'11'}) //[object Object]
//使用alert彈窗提示信息,提示的內(nèi)容最后都會轉(zhuǎn)化成字符串輸出(調(diào)用了toString 方法)
// alert(1+1); //=> "2"

  1. confirm :在alert 基礎(chǔ)上增加了讓用戶選擇性的操作(提供兩個按鈕 :確定 和 取消)

    var zhufengFlag=confirm('are you sure delete this?');
    alert(zhufengFlag)
    // 當(dāng)用戶點(diǎn)擊確定按鈕的時候,我們接收到的是true,點(diǎn)擊的是取消按鈕時, 我們接收到的結(jié)果是FALSE,此后 我們可以根據(jù)接收到的結(jié)果做不同的處理即可

3.prompt : 在confirm基礎(chǔ)上增加讓用戶輸入的效果
// var flag= prompt('are you sure delete this?');
//用戶點(diǎn)擊取消按鈕,我們獲取到的結(jié)果是 null,如果用戶點(diǎn)擊的是確定按鈕,我們將會獲取到用戶輸入的內(nèi)容,如果用戶沒有輸入內(nèi)容,獲取的結(jié)果是空字符串
// alert(flag)

真實(shí)項目中,尤其是需要樣式精美的網(wǎng)站中,我們的提示框一般都是自己封裝插件和組件來實(shí)現(xiàn)的,不會用內(nèi)置的 (使用原生js封裝模態(tài)組件)

</script>
<body>

</body>
</html>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 1、通過CocoaPods安裝項目名稱項目信息 AFNetworking網(wǎng)絡(luò)請求組件 FMDB本地數(shù)據(jù)庫組件 SD...
    陽明AGI閱讀 16,003評論 3 119
  • 1.ios高性能編程 (1).內(nèi)層 最小的內(nèi)層平均值和峰值(2).耗電量 高效的算法和數(shù)據(jù)結(jié)構(gòu)(3).初始化時...
    歐辰_OSR閱讀 29,553評論 8 265
  • 警告框alert()alert是警告框,只有一個按鈕“確定”無返回值,警告框經(jīng)常用于確保用戶可以得到某些信息。當(dāng)警...
    ___大魚___閱讀 892評論 0 0
  • 在項目開發(fā)中經(jīng)常會碰到需要對日期一些操作、格式化之類的,下面列了幾個常用的日期處理 之前項目需要展示某些日期對應(yīng)周...
    Luy7788閱讀 411評論 0 0
  • 那時為了靠近你 不顧臉面 不管身形 跌跌撞撞 像極了往天空極力伸展的樹枝 你嘲笑我 只顧得上靠近 卻忘了用枝繁葉茂...
    哀慕熙榮閱讀 225評論 0 1