alert ()的参数只有一个就是提示信息,无返回值
2 弹出输入框让你输入内容 prompt()
有两个参数:第一个显示提示信息,第二个显示输入框的默认值
3有确定和取消功能的函数 comfirm(“提示信息”)
就一个参数即提示信息 有返回值 true或false
用法为如下
在js中:
function IsSure(){
var
mes=confirm("您确定要**吗?")
if(mes==true){ do
sth }
else{ do
otherthings}
}
<input id="shanchu"type="button" value="删 除"
onclick="IsSure()"/>
4 弹出新的提示页面的函数 window.open("page.aspx")
参数如下:
可以通过设置参数来设置此页面的大小
window.open 弹出新窗口的命令;
'page.aspxs弹出窗口的文件名;
'newwindow'
弹出窗口的名字(不是文件名),非必须,可用空''代替;
height=100 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no
是否显示工具栏,yes为显示;
menubar,scrollbars
表示菜单栏和滚动栏。
resizable=no
是否允许改变窗口大小,yes为允许;
location=no
是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
例如:window.open ("page.aspx", "newwindow", "height=100, width=400,
toolbar =no, menubar=no,
scrollbars=no, resizable=no, location=no, status=no")
弹出提示框一般有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>
延迟出口弹出,最简单方法就是用js里的setTimeout方法,下面是一个简单的例子:<body>
<input type="button" id="btn" value="click me" />
<div id="div" style="width:100pxheight:100pxbackground:#cccdisplay:none"
</body>
<script>
var oDiv = document.getElementById('div')
var oBtn = document.getElementById('btn')
oBtn.onclick=function(){
setTimeout(function(){
oDiv.style.display = 'block'
},1000)
}
</script>
点击btn后然div一秒后显示。