javascript中的对话框
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript中的对话框相关的知识,希望对你有一定的参考价值。
定义
系统对话框与在浏览器中显示的网页没有关系,也不包含html。它们的外观由操作系统及浏览器设置决定,而不是由CSS决定。window对象下的常用对话框有alert()、confirm()、prompt(),当然也包含不常用的print()。通过这几个方法打开的对话框都是同步和模态的。也就是说,显示这些对话框的时候代码会停止执行,而关掉这些对话框后代码又会恢复执行
alert()
alert()方法接受一个字符串,并将其显示给用户并等待用户关闭对话框
[注意]该方法包含默认的String()隐式类型转换,非字符串类型会被转换为字符串
<div id="myDiv">点击此处</div> <script>myDiv.onclick = function(){ alert([1,2,3]);//‘1,2,3‘}</script>
alert()
方法的参数可以用\n
指定换行
alert(‘本条提示\n分成两行‘);
confirm()
confirm()方法同样接收一个字符串,并将其显示给用户。返回的布尔值若是true表示单击OK,false表示单击Cancel或者右上角的关闭按钮
<div id="myDiv">点击此处</div> <script>myDiv.onclick = function(){ if(confirm(‘是否添加背景颜色?‘)){ myDiv.style.backgroundColor = ‘pink‘; }else{ myDiv.style.backgroundColor = ‘transparent‘; alert(‘好吧,那就不加背景颜色了。‘) } }</script>
prompt()
prompt()方法接收两个参数,要显示给用户的文本提示和文本输入域的默认值(可以是一个空字符串)。如果用户单击了OK按钮,则返回文本输入域的值;如果用户单击了Cancel或者右上角的关闭按钮,则该方法返回null
[注意]prompt()方法的第二个参数是可选的,如果不提供的话,IE浏览器会在输入框中显示undefined
。因此,最好总是提供第二个参数,作为输入框的默认值
var result = prompt(text[, default]);
<div id="myDiv">点击此处</div> <script>myDiv.onclick = function(){ var result = prompt("能告诉你叫什么吗?" ,"火柴"); if(result != null){ if(result == ‘火柴‘){ alert(‘火柴是我的名字哦‘); }else{ alert("欢迎你,"+result); } }else{ alert(‘好吧,欢迎你,匿名。我以前一直以为匿名是个作家的名字‘); } }</script>
print()
window.print()方法可以用来显示打印对话框
<div id="myDiv">点击此处</div> <script>myDiv.onclick = function(){ window.print(); }</script>
以上是关于javascript中的对话框的主要内容,如果未能解决你的问题,请参考以下文章