怎么用js做一个弹出消息提示框 怎么做一个JS刷新当前页时弹出提示框
\u600e\u4e48\u7528js\u5f39\u51fa\u63d0\u793a\u6846\u5f39\u51fa\u63d0\u793a\u6846\u4e00\u822c\u67093\u79cd
1)alert (\u666e\u901a\u63d0\u793a\u6846)
2)prompt (\u53ef\u8f93\u5165\u7684\u63d0\u793a\u6846)
3)confirm (\u53ef\u9009\u62e9\u7684\u63d0\u793a\u6846)
\u4e0b\u9762\u4e3e\u4e2a\u4f8b\u5b50:
Document\u7b2c\u4e00\u79cd:alert\u7b2c\u4e8c\u79cd:prompt\u7b2c\u4e09\u79cd:confirm function mal(){ alert('\u8fd9\u662f\u4e00\u4e2a\u666e\u901a\u7684\u63d0\u793a\u6846'); } function mpro(){ var val = prompt('\u8fd9\u662f\u4e00\u4e2a\u53ef\u8f93\u5165\u7684\u63d0\u793a\u6846','\u8fd9\u4e2a\u53c2\u6570\u4e3a\u8f93\u5165\u6846\u9ed8\u8ba4\u503c,\u53ef\u4ee5\u4e0d\u586b\u54e6'); //prompt\u4f1a\u628a\u8f93\u5165\u6846\u7684\u503c\u8fd4\u56de\u7ed9\u4f60 } function mcon(){ var boo = confirm('\u8fd9\u662f\u4e00\u4e2a\u53ef\u9009\u62e9\u7684\u63d0\u793a\u6846,3\u79cd\u63d0\u793a\u65b9\u5f0f,\u5b66\u4f1a\u4e86\u5417?') //confirm \u4f1a\u8fd4\u56de\u4f60\u9009\u62e9\u7684\u9009\u9879,\u7136\u540e\u53ef\u4ee5\u4f9d\u636e\u9009\u62e9\u6267\u884c\u903b\u8f91 if(boo){ alert('\u5b66\u4f1a\u4e86,\u771f\u806a\u660e'); }else{ alert('\u518d\u6765\u4e00\u904d\u5427') } }
testfunction RunOnBeforeUnload() {window.onbeforeunload = function(){ return ""; } }
其次,调用JS弹出消息;
建议使用jquery框架,
当然还要有html内容:<div id="tankuang_message" style="display:none;">message</div>
当然这个div的样式需要你自己去美化,去定位的,并且要有弹窗的效果。
弹出时:$('#tankuang_message').show();
关闭时:$('#tankuang_message').hide();
如果你实在不想用,那是可行的,就是麻烦点,还有可能存在兼容性问题。
弹出时:document.getElementById('tankuang_message').style.display = '';
弹出时:document.getElementById('tankuang_message').style.display = 'none';
//土司提示框[不带确认|取消]
function showmsg(msg) {
var c = $(".showmsg").attr("class");
if (c == 'showmsg') {
$(".showmsg").fadeIn(100);
$(".showmsg>span").text(msg);
} else {
var htm = '<div class="showmsg"><span>' + msg + '</span></div>';
$("body").append(htm);
$(".showmsg").fadeIn(100);
}
setTimeout(function() {
$(".showmsg").fadeOut(100);
}, 1500);
}
showmsg {
position: absolute;
width: 100%;
bottom: 15%;
height: 40px;
display: none;
z-index: 2015;
text-align: center;
}
.showmsg>span {
color: #ffffff;
line-height: 40px;
font-size: 15px;
padding: 10px 15px;
border-radius: 5px;
background-color: #918585;
font-family: -webkit-body;
}
直接alert('内容')
绛旓細1)alert (鏅氭彁绀烘)2)prompt (鍙緭鍏ョ殑鎻愮ず妗)3)confirm (鍙夋嫨鐨勬彁绀烘)涓嬮潰涓句釜渚嬪瓙:<!doctype html> Document绗竴绉:alert绗簩绉:prompt绗笁绉:confirm function mal(){ alert('杩欐槸涓涓櫘閫氱殑鎻愮ず妗'); } function mpro(){ var val = prompt('杩欐槸涓涓彲杈...
绛旓細1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html锛岃緭鍏ラ棶棰樺熀纭浠g爜銆2銆佸湪index.html涓殑鏍囩涓紝杈撳叆js浠g爜锛歠unction fun() { alert('click success!');} 3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃剁偣鍑绘寜閽寮瑰嚭浜鎻愮ず妗銆
绛旓細1鐩存帴鎻愮ず浠呯‘璁ゅ姛鑳界殑鎻愮ず妗嗗彧鏄剧ず鎻愮ず淇℃伅alert(鈥滄彁绀轰俊鎭); alert();鍙湁涓涓弬鏁版槸鎻愮ず淇℃伅,娌℃湁杩斿洖鍊銆 2寮瑰嚭杈撳叆妗嗚浣犺緭鍏ュ唴瀹规彁绀(); 鏈変袱涓弬鏁:绗竴涓樉绀烘彁绀轰俊鎭,绗簩涓樉绀鸿緭鍏ユ鐨勯粯璁ゅ笺 3鍔熻兘纭(鈥滄彁绀轰俊鎭),鍏锋湁纭鍜屽彇娑堝姛鑳; 鏈変竴涓弬鏁拌繑鍥炲紅rue鎴杅alse,鍗虫彁绀轰俊鎭 鐢ㄦ硶濡...
绛旓細1銆佽鍛婃alert锛屽湪js涓洿鎺ヨ繍鐢╝lert("璀﹀憡");2銆佺‘璁ゆconfirm銆俢onfirm() 鏂规硶鐢ㄤ簬鏄剧ず涓涓甫鏈夋寚瀹氭秷鎭拰 OK 鍙婂彇娑堟寜閽殑瀵硅瘽妗嗭紝鏍规嵁鐢ㄦ埛鐐瑰嚮纭妗嗕笂鐨勬寜閽繑鍥瀟rue涓巉alse銆傜敤娉曪細if(confirm("纭畾瑕佹竻绌烘暟鎹悧锛")){ document.main.text1.value="";} 3銆佷俊鎭緭鍏ユprompt銆俻rompt() 鏂规硶...
绛旓細濡傛灉瑕佽緭鍏ュ涓俊鎭紝閭d箞鍘熺敓鐨勬彁绀烘鑲畾涓嶇鍚堣姹傦紝闇瑕佽嚜宸卞畾涔夈涓鑸兘鏄娇鐢╠iv灞傛ā鎷熸彁绀烘锛岃繖鏍峰氨鍙互闅忎究甯冨眬浜銆備唬鐮佺ず渚嬶細1銆佸畾涔塁SS body { height: 100%; overflow: auto; margin: 0; } #test_Div { position: fixed; _position: absolute; top: 50%; ...
绛旓細棣栧厛鐢ㄦ埛鐧婚檰鏃讹紝鍒ゆ柇浠栨湁娌℃湁瑕佸脊鐨勬秷鎭 鍏舵锛岃皟鐢JS寮瑰嚭娑堟伅锛涘缓璁娇鐢╦query妗嗘灦,褰撶劧杩樿鏈塰tml鍐呭锛歮essage 褰撶劧杩欎釜div鐨勬牱寮忛渶瑕佷綘鑷繁鍘荤編鍖栵紝鍘诲畾浣嶇殑锛屽苟涓旇鏈夊脊绐楃殑鏁堟灉銆傚脊鍑烘椂锛$('#tankuang_message').show();鍏抽棴鏃讹細$('#tankuang_message').hide();濡傛灉浣犲疄鍦ㄤ笉鎯崇敤锛岄偅鏄彲琛岀殑...
绛旓細涓鑸敤鏉ユ祴璇曞彉閲忔槸鍚︽纭祴鍊肩瓑鎴鎻愮ず鐢ㄦ埛锛JS涓殑alert锛屼綔鐢ㄦ槸鍦ㄦ祻瑙堝櫒涓寮瑰嚭涓涓璀﹀憡妗嗭紝鑰屼娇鐢╝lert鏈変笁绉嶆柟寮忥紝涓嶅悓鐨勬柟寮忔墍鍛堢幇鐨勬晥鏋滀篃涓嶇浉鍚屻俛lert鍔熻兘鐨勭壒鐐癸細alert鍑芥暟鍙互鐢ㄦ潵绠鍗曡屾槑浜嗗湴灏哸lert鎷彿鍐呯殑鏂囨湰淇℃伅鏄剧ず鍦ㄥ璇濇涓紝鎴戜滑灏嗗畠绉颁负璀︾ず瀵硅瘽妗嗭紝瑕佹樉绀虹殑淇℃伅鏀剧疆鍦ㄦ嫭鍙峰唴锛岃瀵硅瘽妗...
绛旓細1銆佺涓姝ワ紝鎵撳紑html缂栬緫鍣紝鍒涘缓涓涓柊鐨刪tml鏂囦欢锛屼緥濡傦細index.html锛岀劧鍚庤緭鍏ヤ唬鐮侊紝瑙佷笅鍥俱2銆佺浜屾锛屽畬鎴愪笂杩版楠ゅ悗锛屽湪index.html鐨勬爣璁颁腑锛岃緭鍏js浠g爜锛岃涓嬪浘銆3銆佺涓夋锛屽畬鎴愪笂杩版楠ゅ悗锛屾祻瑙堝櫒杩愯index.html椤甸潰銆 杩欐椂锛屽崟鍑绘寜閽皢寮瑰嚭涓涓彁绀烘锛岃涓嬪浘銆傝繖鏍凤紝浠ヤ笂鐨勯棶棰樺氨瑙e喅浜嗐
绛旓細function disp_prompt(){ var name=prompt("璇疯緭鍏ユ偍鐨勫悕瀛","灏忚淳")if (name!=null && name!=""){ document.write("浣犲ソ锛" + name + "锛佷粖澶╄繃寰楀ソ鍚楋紵")} }
绛旓細1銆佸姞鍏ヨ闊虫彁绀 鍔ㄦ佸姞鍏ユ挱鏀捐闊虫枃浠朵唬鐮侊細document.getElementById("sound").src="<%=basePath%>admin/media/global.wav";2銆佸姩鎬寮瑰嚭娑堟伅鎻愮ず妗锛氬湪姝ゅ鎴戝鍏ヤ簡jquery.gritter.js鍜宩query.gritter.css,鍏蜂綋瀹炵幇浠g爜锛歫Query(document).ready(function() { setInterval(function(){ .post('ajax/l...