整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
是否有看到有的網站進入網站就會彈出網站公告提示框，今天飛飛和你們分享打開網站就彈出網站公告提示框的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 中原型和原型鏈深入理解
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
