怎么用js弹出提示框

JavaScript019

怎么用js弹出提示框,第1张

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

下面是一种方式点击提示框跳转到页面的方法，供你参考，希望有帮助你！

<!doctype html>

2 <html lang="en">

3 <head>

4 <meta charset="UTF-8">

5 <title>Document</title>

6 </head>

7 <body>

8 <script>

9 window.onload = function(){//设置当页面加载时执行

10 var btn =document.getElementsByTagName("button")[0] //获取btn元素

11 btn.onclick = function(){//给button加上一个点击事件

12 var answer = confirm("是否想游览ziksang博客园") //把确认框赋值给answer

13 if(answer)//判断是否点击确定

14 window.location ="http://www.cnblogs.com/Ziksang/" //确定的话游览器自身跳转

15 }

16

17 }

18 </script>

19<button>点击跳转</button>

20 </body>

21 </html>

你的js文件和html文件的%文件编码%不一制就会这样。

把你的文件另存为【或通过其它方法修改文件编码】 都改成utf-8或gb2312就好了。

js中要注意的就是 html,js, request[请求]编码都要一致。