怎么用js做一个弹出消息提示框
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么用js做一个弹出消息提示框相关的知识，希望对你有一定的参考价值。
只有一个人有发布通知的权限，他对某个人发布通知，这个人登陆的时候就会弹出消息提示框并显示发布消息的内容。这是需求。
我不知道怎么写弹出的消息的js。
其次，调用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';追问
设置这个不是使其显示或隐藏吗，怎么让其显示弹出的效果。
追答弹出效果是css效果，你可以找一个有弹出效果的网站，把他的css抠过来
参考技术A //土司提示框[不带确认|取消]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;
参考技术B 直接alert（'内容'）本回答被提问者采纳
怎么用js弹出提示框
一个文本框内容为空时，点击提交按钮，会弹出错误提示框，不会跳转页面。当文本框有内容时，也会弹出一个正确提示框并跳转到下个页面。我是新手，希望可以代码要完整，尽量简洁明了，可以加分。
弹出提示框一般有3种
1)alert (普通提示框)
2)prompt (可输入的提示框)
3)confirm (可选择的提示框)
下面举个例子:
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<button onclick="mal()">第一种:alert</button>
<button onclick="mpro()">第二种:prompt</button>
<button onclick="mcon()">第三种:confirm</button>
<script>
function mal()
alert('这是一个普通的提示框');
function mpro()
var val = prompt('这是一个可输入的提示框','这个参数为输入框默认值,可以不填哦');
//prompt会把输入框的值返回给你
function mcon()
var boo = confirm('这是一个可选择的提示框,3种提示方式,学会了吗?')
//confirm 会返回你选择的选项,然后可以依据选择执行逻辑
if(boo)
alert('学会了,真聪明');
else
alert('再来一遍吧')
</script>
</body>
</html> 参考技术A <form >
<input type="text" id="text1" onsubmit="return toTojiao();"/>
</form>
<script>
function toTojiao()
var text1 = document.getElementById("text1");
if(text1.value.length == 0)
alert('内容不能为空');
return false;
return true;
</script>追问
我用html试了，不行啊，错误一样会跳转，也没有正确的提示框，我想要完整的代码，可以多加10分
追答onsubmit="return toTojiao();" 在form表单里写这一段代码 你写了没
本回答被提问者采纳 参考技术B <input id="textbox" type="text"/><input type="submit" onclick="checknull();" value="提交"/>
<script>
function checknull()
if(document.getElementById("textbox").value="")
alert("不能为空");
return false;
</script> 参考技术C function a（）
alert（“c”）；
<td onclick=“a（）”>
以上是关于怎么用js做一个弹出消息提示框的主要内容，如果未能解决你的问题，请参考以下文章
请问一下wpf能否实现消息提示框 就像qq消息的那种 右下角弹出 ？能的话 请贴出代码
$.messager.show(0,'送你一个Jquery Messager消息弹出插件！');不起作用，不弹出提示框