zoukankan      html  css  js  c++  java
  • web之javascript BOM语句

    BOM:(Browser Object Model)浏览器对象模型

    一、BOM语句

    1,alert(字符串或变量):警告消息对话框

    <script type="text/javascript">
        var mynum=30;   //定义变量并赋值
        alert("hello!");//用消息对话框输出“hello!”
        alert(mynum);   //用消息框输出变量“30”
    </script>
    注意:
    1,在点击对话框“确定”按钮前,不能进行任何其它操作。
    2,消息对话框通常可以用于调试程序。
    3,alert输出内容可以是字符串或变量,与document.write()相似。
    4,alert返回值为undefined

     2,confirm(str):确认消息对话框

    <script type="text/javascript">
        var mymessage=confirm("你喜欢JavaScript码?");//定义弹窗显示的内容
        if(mymessage==true){                  //点击“确认”,返回值为true
            document.write("很好,加油!");
        }
        else                                              //点击“取消”,返回值为false
        {
            document.write("JS功能强大,可以学学的!");
        }
    </script>
    1,str参数,要在弹窗上显示的内容。
    2,返回值:点击“确认”返回true,点击“取消”返回false。
    3,点击弹窗的按键前,不能做其它任何操作。

     3,prompt(str1,str2):提问消息对话框

    <script style="text/javascript">
        var myname=prompt("请输入你的姓名:");
        if(myname==null){ //点击“取消”,返回为null;
             document.write("你点击了取消按钮!");
        }
        else if(myname==''){//输入框没有输入内容,并点击“确认”,返回值为('')空格;
            document.write("你点击了确认按钮,但你什么也没输入");
        }
        else{                        //输入内容并点击“确定”,返回输入的内容;
            document.write("你点击了确认按钮,你输入的内容为“+myname);
        }
    </script>     
    1,str1:要显示在消息对话框中的文本,不可修改;
    2,str2:文本框中的默认显示内容,可以修改(为可选参数);
    3,点击确认按钮,文本框中输入的内容将作为返回值返回;
    4,点击取消按钮,将返回null;
    5,点击对话框的按钮前,不能进行其它操作;

     4,window.open([URL],[窗口名称],[参数字符串])

    <script style="text/javascript">
        window.open('http://www.baidu.com','百度首页','width=300px,height=200px,
    menubar=no,toolbar=no,status=no,scrollbars=yes');
    //打开一个命名为百度首页并进行一些属性设置的窗口;
    </script>
    ------------------------------------------------------------
    |       参数       |       值       |   说明                 |
    ------------------------------------------------------------
    |       top       |   numder       | 窗口顶部离屏幕顶部的像素  |
    ------------------------------------------------------------
    |       left      |   numder       | 窗口左端离屏幕左端的像素  |
    ------------------------------------------------------------
    |       width     |   numder       | 窗口的宽度              |
    ------------------------------------------------------------
    |       height    |   numder       | 窗口的高度              |
    ------------------------------------------------------------
    |      menubar    |   yes/no       | 窗口有没有菜单           |
    ------------------------------------------------------------
    |     toolbar     |   yes/no       | 窗口有没有工具条         |
    ------------------------------------------------------------
    |    scrollbars   |   yes/no       | 窗口有没有滚动条         |
    ------------------------------------------------------------
    |      status     |   yes/no       | 窗口有没有状态栏         |
    ------------------------------------------------------------
    参数说明:
    URL:可选参数;在窗口中要显示网页的网址或路径,如果省略,或者是空字符串,那么窗口就不显示任何文档。
    窗口名称:可选参数;被打开的窗口名称;
        1,改名字由字母、下划线、和数字组成。
        2,“_top”、"_blank"、"_self"具有特殊意义的名称
            _blank:在窗口显示目标网页;
            _self:在当前窗口显示目标网页;
            _top:框架网页中在上部窗口中显示目标网页;
        3,相同name的窗口只能创建一个,所有创建多个窗口时name不能相同;
        4,name不能包含空格;
    参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。

     5,close():关闭窗口

    1,窗口对象。close();关闭指定网页
    <script style="text/javascript"> var mywin=window.opn('http://www.baidu.com');//将打开的新网页存到变量中 mywin.close();//关闭指定网页 </script>
    2,window.close();关闭当前网页

     6,setInterval():定时器1;clearInterval(id_of_setInterval):取消定时器1

    <body>
        <form>
            <input type="text" id="clock" size="50"/>
            <input type="button" id="stop" onclick="stop()"/>
        </form>
    </body>
    <script>
        var int=setInterval('clock()',1000);                   //每隔1秒调用一次‘clock()’函数
        function clock(){                 //函数的作用:申明一个系统时间变量,并赋值给value
            var time=new Date();
            document.getElementById('clock').value=time;//在文本框中显示当前系统时间
        }
        function stop(){ //停止计时器函数
            clearInterval(int);
        }
    </script>
    注意:该定时器被触发后,会一直循环执行下去,直到被清除

     7,setTimeout():定时器2;clearTimeout(id_of_setTimeout):取消定时器2

    <body>
        <form>
            <input type="button" value="start" onclick="tinfo()">
            <input type="button" value="stop" onclick="stop()">
        </form>
    </body>
    <script>
    function tinfo(){ //延迟函数
        var t=setTimeout("alert('hello!')",5000);//在函数被调用5秒后弹出提示框
    }
    function stop(){
        clearTimeout(t);//取消延迟函数
    }
    </script>
    注意:该定时器在被触发后,只会被执行一次

    更多详细内容请访问:http://www.jb51.net/article/55851.htm

  • 相关阅读:
    【BZOJ4367】[IOI2014]holiday假期 分治+主席树
    【BZOJ1264】[AHOI2006]基因匹配Match DP+树状数组
    【BZOJ4379】[POI2015]Modernizacja autostrady 树形DP
    【BZOJ4380】[POI2015]Myjnie 区间DP
    【BZOJ4382】[POI2015]Podział naszyjnika 堆+并查集+树状数组
    【BZOJ4384】[POI2015]Trzy wieże 树状数组
    【BZOJ4388】JOI2012 invitation 堆+线段树+并查集(模拟Prim)
    【BZOJ4550】小奇的博弈 博弈论
    Sqlserver列出所有数据库名,表名,字段名
    聚合与组合的区别?
  • 原文地址:https://www.cnblogs.com/Jfh389987366/p/7051239.html
Copyright © 2011-2022 走看看