目录
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程序设计有所帮助。
欢迎大家多多留言谈论，如有缺点请大神指教，如果你是小白也可以私信“资料”领取前端学习资料一起学习
