整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          window彈出、提示框

          、警告框(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程序設計有所幫助。

          歡迎大家多多留言討論,如有錯誤請大神指教,如果你是小白也可以私信“資料”領取前端學習資料一起學習


          主站蜘蛛池模板: 精品人妻一区二区三区浪潮在线| 亚洲AV成人精品日韩一区18p| 国产一区二区视频免费| 毛片一区二区三区无码| a级午夜毛片免费一区二区| 国产福利91精品一区二区| 国产午夜福利精品一区二区三区| 日本免费一区二区三区最新| 少妇精品久久久一区二区三区| 精品一区精品二区| 色窝窝免费一区二区三区| 国产精品熟女一区二区| 人妻少妇AV无码一区二区| 日韩美一区二区三区| 女女同性一区二区三区四区| 在线成人一区二区| 中文字幕日韩精品一区二区三区 | 精品人妻少妇一区二区三区不卡 | 精品国产福利一区二区| 国产一区视频在线| 国产亚洲一区区二区在线| 日本一区二区三区在线视频| 亚洲一区二区三区丝袜| 亚洲一区二区三区丝袜| 亚洲AV成人一区二区三区观看| 亚洲一区二区三区国产精华液| 极品尤物一区二区三区| 亚洲一区二区三区在线观看蜜桃| 亚洲午夜一区二区三区| 亚洲国产精品一区二区三区在线观看| 亚洲欧洲日韩国产一区二区三区| 91视频一区二区三区| 99久久无码一区人妻a黑| 一区二区三区四区免费视频| 性无码一区二区三区在线观看| 亚洲视频一区调教| 无码精品人妻一区二区三区漫画 | 精品视频在线观看你懂的一区| 久久精品国产亚洲一区二区三区| 亚洲综合av永久无码精品一区二区| 成人精品视频一区二区三区|