javascript消息框

最新推荐文章于 2019-08-30 20:51:50 发布

IMU_Pandade

最新推荐文章于 2019-08-30 20:51:50 发布

阅读量415

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/Pandade520/article/details/52698438

版权

JavaScript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

总结

可不带上windows对象
1. 警告框：window.alert("sometext");
2. 确认框：window.confirm("sometext");
3. 提示框：window.prompt("sometext","defaultvalue");
4. 换行：弹窗使用反斜杠 + “n”(\n) 来设置换行。

Alert(警告)框

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function myFunction(){
    alert("你好，我是一个警告框！");
}
</script>
</head>
<body>

<input type="button" onclick="myFunction()" value="显示警告框" />

</body>
</html>

带有换行的警告框

<!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(){
    alert("Hello\nHow are you?");
}
</script>

</body>
</html>

确认框

<!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>

提示框

<!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 person=prompt("请输入你的名字","Harry Potter");
    if (person!=null && person!=""){
        x="你好 " + person + "! 今天感觉如何?";
        document.getElementById("demo").innerHTML=x;
    }
}
</script>

</body>
</html>