关于浏览器JS弹出框警告

JavaScript07

关于浏览器JS弹出框警告,第1张

这个和你浏览器安全设置有关，浏览器会默认拦截弹出框。不知道你用的是那种形式，是window.open()还是window.showModalDialog()、window.showModelessDialog()。前面的方式是弹出窗体，后面的两种是弹出模式窗体，后两种被拦截的几率较小。以弹出层的形式会更好、这样可以兼容多个浏览器。

1、警告框alert，在js中直接运用alert("警告")

2、确认框confirm。

confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框，根据用户点击确认框上的按钮返回true与false。

用法：

if(confirm("确定要清空数据吗？"))

{

document.main.text1.value=""

}

3、信息输入框prompt。

prompt() 方法用于显示可提示用户进行输入的对话框。如果用户单击提示框的取消按钮，则返回 null。如果用户单击确认按钮，则返回输入字段当前显示的文本。

用法：

var name = prompt('请输入数字','')

弹出提示框一般有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>