整合營銷服務商

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

          免費咨詢熱線:

          JavaScript 的彈窗

          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程序設計有所幫助。

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

          站如果是完全禁止右鍵(復制、另存為等)操作,對用戶來說體驗感會降低,但是又不希望自己的原創內容直接被copy,今天飛飛和你們分享幾行復制轉載提醒彈窗Html代碼。


          效果展示:

          復制以下代碼,將其放在網站footer.php或者header.php任意底部位置即可。


          <!-- 復制提醒開始 -->

          <link rel="stylesheet" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" />

          <script type="text/javascript" src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>


          <script>

          document.body.oncopy = function() {

          swal("復制成功!", "若要轉載請保留原文鏈接,感謝支持!", "success");

          };

          </script>

          <!-- 復制提醒結束 -->


          通過這幾行代碼,我們可以在保護原創內容的同時,不影響用戶體驗。當然,除了添加復制轉載提醒彈窗之外,我們還可以通過其他方式來保護原創內容,例如添加水印、限制轉載等等。總之,在權衡用戶體驗和版權保護時,我們需要尋找一個平衡點,既能夠保護自己的權益,又不會影響用戶的使用體驗。


          感謝您的閱讀,服務器大本營助您成為更專業的服務器管理員!


          主站蜘蛛池模板: 无码精品不卡一区二区三区| 日本不卡一区二区三区视频| 国产一区二区三区在线| 无码精品久久一区二区三区| 亚洲视频一区二区三区| 一区二区三区在线观看视频| 国产日本一区二区三区| 日韩免费视频一区二区| 国产精品成人国产乱一区| 国产成人一区二区动漫精品| 毛片一区二区三区| 2022年亚洲午夜一区二区福利| 中文字幕一区二区三区乱码| 国产成人精品一区二三区在线观看| 亚洲AV无码一区二区三区牲色| 国产精品亚洲午夜一区二区三区| 日韩人妻一区二区三区蜜桃视频| 国产精品伦一区二区三级视频| 国产午夜精品免费一区二区三区| 国产一区二区三区在线观看精品| 久久精品国产第一区二区| 99精品高清视频一区二区| 免费无码一区二区三区蜜桃| 中文字幕精品无码一区二区三区| 国产精华液一区二区区别大吗| 精品无码综合一区| 无码人妻一区二区三区在线视频 | 亚洲美女视频一区| 中文字幕一区二区精品区| 影音先锋中文无码一区| 国产精品第一区揄拍| 欧洲亚洲综合一区二区三区| 国产亚洲综合一区二区三区 | 99精品高清视频一区二区| 久久国产三级无码一区二区| 久久精品动漫一区二区三区| 亚洲av乱码一区二区三区香蕉| 少妇一夜三次一区二区| 国产亚洲综合一区二区三区| 日韩精品无码一区二区三区四区| 无码精品人妻一区二区三区免费看|