js弹出窗口的命令

JavaScript018

js弹出窗口的命令,第1张

1直接提示只有确定功能的提示框 只显示提示信息 alert(“提示信息”)

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一秒后显示。