整合營銷服務商

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

          免費咨詢熱線:

          打開網站就彈出網站公告提示框的JS彈窗代碼

          是否有看到有的網站進入網站就會彈出網站公告提示框,今天飛飛和你們分享打開網站就彈出網站公告提示框的JS彈窗代碼,希望可以幫到你~

          <script language="javascript">alert('我是飛飛,可以通過【服務器大本營】相識是一種緣分,希望通過我的分享可以讓你更多的了解服務器,當然有服務器需求的朋友可以加微信:137 5120 9102~域名速記:【服務器大本營】首拼.com')</script>


          直接復制JS代碼,粘貼到首頁文件,或者需要彈出的頁面即可

          序員必須小知識:Js各種彈出框展示

          程序員必須小知識:Js各種彈出框展示

          1.用頁面展示出有哪幾種彈出方式:

          <body>

          <div>

          <a href="#" onclick="show1()">show</a> |

          <a href="#" onclick="show2()">slide</a> |

          <a href="#" onclick="show3()">fade</a> |

          </div>

          <div>

          <a href="#" onclick="alert1()">alert</a> |

          <a href="#" onclick="alert2()">alert(error)</a> |

          <a href="#" onclick="alert3()">alert(info)</a> |

          <a href="#" onclick="alert4()">alert(question)</a> |

          <a href="#" onclick="alert5()">alert(warning)</a>

          </div>

          <div>

          <a href="#" onclick="confirm1()">confirm</a>

          </div>

          <div>

          <a href="#" onclick="prompt1()">prompt</a>

          </div>

          </body>

          2.用CSS對個彈出框來修飾樣式;

          3.用js來實現各種彈出框:

          <link rel="stylesheet" type="text/css" href="css/dialog.css">

          <link rel="stylesheet" type="text/css" href="css/icon.css">

          <link rel="stylesheet" type="text/css" href="css/linkbutton.css">

          <link rel="stylesheet" type="text/css" href="css/shadow.css">

          <link rel="stylesheet" type="text/css" href="css/messager.css">

          <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

          <script type="text/javascript" src="js/jquery.draggable.js"></script>

          <script type="text/javascript" src="js/jquery.resizable.js"></script>

          <script type="text/javascript" src="js/jquery.linkbutton.js"></script>

          <script type="text/javascript" src="js/jquery.shadow.js"></script>

          <script type="text/javascript" src="js/jquery.dialog.js"></script>

          <script type="text/javascript" src="js/jquery.messager.js"></script>

          <script>

          function show1(){

          $.messager.show({

          title:'My Title',

          msg:'Message will be closed after 4 seconds.',

          showType:'show'

          });

          }

          function show2(){

          $.messager.show({

          title:'My Title',

          msg:'Message will be closed after 5 seconds.',

          timeout:5000,

          showType:'slide'

          });

          }

          function show3(){

          $.messager.show({

          title:'My Title',

          msg:'Message never be closed.',

          timeout:0,

          showType:'fade'

          });

          }

          function alert1(){

          $.messager.alert('My Title','Here is a message!');

          }

          function alert2(){

          $.messager.alert('My Title','Here is a error message!','error');

          }

          function alert3(){

          $.messager.alert('My Title','Here is a info message!','info');

          }

          function alert4(){

          $.messager.alert('My Title','Here is a question message!','question');

          }

          function alert5(){

          $.messager.alert('My Title','Here is a warning message!','warning');

          }

          function confirm1(){

          $.messager.confirm('My Title', 'Are you confirm this?', function(r){

          alert('confirmed:'+r);

          });

          }

          function prompt1(){

          $.messager.prompt('My Title', 'Please type something', function(r){

          if (r){

          alert('you type:'+r);

          }

          });

          }

          </script>

          版權歸屬:康諾科技

          2017/7/18

          、警告框(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 中原型和原型鏈深入理解


          主站蜘蛛池模板: 国产91精品一区二区麻豆网站| 北岛玲在线一区二区| 亚洲综合一区国产精品| 91video国产一区| tom影院亚洲国产一区二区| 性色AV一区二区三区无码| 精品一区二区三区在线视频观看| 中文字幕一区二区三区免费视频| 综合久久一区二区三区| 蜜臀AV在线播放一区二区三区| 成人国产精品一区二区网站公司| 亚洲日本中文字幕一区二区三区| 亚洲一区二区三区偷拍女厕| 国产精品一区二区不卡| 亚洲国产一区视频| 91精品乱码一区二区三区| 美女免费视频一区二区| 亚洲国产精品一区第二页| 精品国产福利在线观看一区| 亚洲线精品一区二区三区影音先锋| 3D动漫精品啪啪一区二区下载| 国产vr一区二区在线观看| 3d动漫精品啪啪一区二区中文| 天天综合色一区二区三区| 国产在线不卡一区二区三区| 无码夜色一区二区三区| 日韩精品人妻一区二区中文八零 | 无码国产精品一区二区免费式芒果 | 天堂成人一区二区三区| 国产无套精品一区二区| eeuss鲁片一区二区三区| 日韩电影一区二区| 久夜色精品国产一区二区三区| 亚洲爆乳精品无码一区二区| 中文字幕一区二区在线播放| 国产精品伦子一区二区三区| 亚洲无删减国产精品一区| 精品成人av一区二区三区| 大帝AV在线一区二区三区| 69福利视频一区二区| 日本不卡免费新一区二区三区|