、警告框(alert / window.alert)
alert("文本");
警告框經常用于確保用戶可以得到某些信息。
當警告框出現后,用戶需要點擊確定按鈕才能繼續進行操作。
2、確認框(confirm / window.confirm)
confirm("文本")
確認框用于使用戶可以驗證或者接受某些信息。
當確認框出現后,用戶需要點擊確定或者取消按鈕才能繼續進行操作。
如果用戶點擊確認,那么返回值為 true。如果用戶點擊取消,那么返回值為 false。
prompt(text,defaulText);輸入文字對話框,text:對話框顯示純文本(而不是HTML格式文本);defaultText,默認文本。
3、提示框(prompt / window.prompt)
prompt("文本","默認值")
提示框經常用于提示用戶在進入頁面前輸入某個值。
當提示框出現后,用戶需要輸入某個值,然后點擊確認或取消按鈕才能繼續操縱。
如果用戶點擊確認,那么返回值為輸入的值。如果用戶點擊取消,那么返回值為 null。
注:彈出框換行用“ /n ”;
4、console.log();控制臺打印內容;
推薦閱讀:
JavaScript基礎知識系列:不再彷徨:完全弄懂JavaScript中的this
面試:JavaScript基礎篇
JavaScript基礎知識系列:判斷類型(上)
js 中原型和原型鏈深入理解
是否有看到有的網站進入網站就會彈出網站公告提示框,今天飛飛和你們分享打開網站就彈出網站公告提示框的JS彈窗代碼,希望可以幫到你~
<script language="javascript">alert('我是飛飛,可以通過【服務器大本營】相識是一種緣分,希望通過我的分享可以讓你更多的了解服務器,當然有服務器需求的朋友可以加微信:137 5120 9102~域名速記:【服務器大本營】首拼.com')</script>
直接復制JS代碼,粘貼到首頁文件,或者需要彈出的頁面即可
錄
1.警告彈窗
2.確認彈窗
3.提示彈窗
1.警告彈窗 alert();
警告框經常用于確保用戶可以得到某些信息。
當警告框出現后,用戶需要點擊確定按鈕才能繼續進行操作。
例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function myFunction(){ alert("hello"); } </script> </head> <body> <input type="button" onclick="myFunction()" value="警告" /> </body> </html>
此代碼運行成功后,若點擊"警告"按鈕 會出現內容顯示為"hello"的彈窗.
2.確認彈窗 confirm();
確認彈框通常用于驗證是否接受用戶操作。
當確認卡彈出時,用戶可以點擊 "確認" 或者 "取消" 來確定用戶操作。
當你點擊 "確認", 確認框返回 true, 如果點擊 "取消", 確認框返回 false。
例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>練習</title> </head> <body> <p>點擊按鈕,顯示確認框。</p> <button onclick="myFunction()">點這里</button> <p id="demo"></p> <script> function myFunction(){ var x; var r=confirm("你確定?"); if (r==true){ x="你按下了確定按鈕"; } else{ x="你選擇了取消"; } document.getElementById("demo").innerHTML=x; } </script> </body> </html>
點擊按鈕后會出現確認彈框"你確定?"
點擊"確定"會提示"你按下了確定按鈕";
否則會提示"你選擇了取消";
3.提示彈窗 prompt()
提示框經常用于提示用戶在進入頁面前輸入某個值。
當提示框出現后,用戶需要輸入某個值,然后點擊確認或取消按鈕才能繼續操縱。
如果用戶點擊確認,那么返回值為輸入的值。如果用戶點擊取消,那么返回值為 null。
例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>練習</title> </head> <body> <button onclick="myFunction()">點這里</button> <p id="demo"></p> <script> function myFunction(){ var x; var person=prompt("請輸入你的名字","jack"); if (person!=null && person!=""){ x="你好 " + person; document.getElementById("demo").innerHTML=x; } } </script> </body> </html>
點擊按鈕后會出現提示輸入你的名字
輸入后點擊確定會出現
"jack你好 "
希望本文所述對大家vue.js程序設計有所幫助。
歡迎大家多多留言討論,如有錯誤請大神指教,如果你是小白也可以私信“資料”領取前端學習資料一起學習
*請認真填寫需求信息,我們會在24小時內與您取得聯系。