JavaScript弹窗

  1. 警告框:

    alert("警告信息!");

    alert("警告\n信息!");

  2. 确认框:

    var t=confirm("请确认!"); // true/false

    if(t==true)

    {…}

    else

    {…}

  3. 输入框:

    var n=prompt("输入提示","默认值");

    if(n!=null&&n!="")

        //判断输入信息不为空。

  4. 显示HTML内容的模态与非模态对话框

    showModelessDialog:

    被打开后,用户可以随意切换输入焦点,对主窗口没有影响。IE4+

    showModalDialog:

    被打开后始终保持输入焦点。除了关闭对话框,用户无法切换到主窗口。IE5+

    showModelessDialog和showModalDialog的超链接不弹出新窗口的方法:

        <head>标签内添加<base target="_self">

    使用方法

        returnValue=window.showModalDialog(URL [,arguments] [,features])

        returnValue=window.showModalessDialog(URL [,arguments] [,features])

     

        URL:对话框要显示的文档的URL。

        Arguments:向对话框传递的参数。

        Features:对话框外观等信息。

     

            URL:为了防止浏览器从缓冲目录下载上次的页面而没有重新加载(动态页面来说会产生错误页面),可使用Math.random()函数产生0-1的随机数访问"./page.html?random="+Math.random(); 。这样能确保每次从服务器上访问(随机数嘛,也不一定哦!)。

                "page.html" 当前目录下

                "/page.html" 根目录下

                "./page.html" 当前目录下

                "../page.html" 上级目录下

            Arguments:传递所有类参数,如类、数组、字符串等等。

            Features的可选值(多参数时用";"隔开):

                dialogHeight:高度(px)

                dialogWidth:宽度(px)

                dialogLeft:屏幕左距离(px)

                dialogTop:屏幕上距离(px)

                center:是否居中,默认yes, {yes|no|1|0};

                help:是否显示帮助按钮,默认yes, {yes|no|1|0};

                resizable:是否可改变大小,默认no, {yes|no|1|0};

                status:是否显示状态栏,默认yes, {yes|no|1|0};

                scroll:是否显示滚动条,默认yes, {yes|no|1|0};

     

                dialogHide:在打印或者打印浏览时对话框是否隐藏,默认no,{yes|no|1|0};

                edge:指明对话框的边框样式,凹下还是凸起,默认raised,{sunken|raised}

                unadorned:指定对话框是否显示 chrome 样式边框。仅仅当对话框是由被信任的程式打开的时候此参数才可用。默认值为 no{yes|no|1|0}; on off

            

    参数传递:

        var obj=window.dialogArguments; //弹出的HTML窗口接受参数;

        window.returnValue=obj;        //弹出的HTML窗口返回参数;

        returnValue=window.showModalDialog(URL [,arguments] [,features]); //主窗口弹出子窗口,并接受返回参数。

        returnValue=window.showModalessDialog(URL [,arguments] [,features]); //主窗口弹出子窗口,并接受返回参数。

    刷新showModalDialog和showModelellDialog里的内容:

        在弹出的子窗口里:

            <body onkeydown="if(event.keyCode==116){d.click()}">

            <a id="d" href="page.html" style="display:hidden">

                注释:F5 的keyCode=116,display:hidden不保留<a>的位置

        配合<base target="_self">使用。不然弹出新窗口。

    关闭showModalDialog和showModelellDialog弹窗:

        <input type="button" value="关闭" onckick="window.close()">

        配合<base target="_self">使用。不然打开新窗口再关掉。

  5. Window.open()新的浏览器窗口

        语法:window.open(URL,name,featurs,replacs)

        http://www.w3school.com.cn/jsref/met_win_open.asp

posted @ 2016-11-06 18:07  D梦  阅读(499)  评论(0编辑  收藏  举报