BOM对象(浏览器对象)

最新推荐文章于 2021-12-30 10:53:02 发布

9Khan

最新推荐文章于 2021-12-30 10:53:02 发布

阅读量126

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/weixin_45943458/article/details/103780329

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

BOM可以与浏览器对话

windows对象,一个HTML页面就是一个windows窗口
1、alert()方法

2、confirm()方法：

<script>
    confirm("比alert多一个确定和取消按扭")
</script>

在这里插入图片描述

    var ret=confirm("是否保存") //点确定返回true 点取消返回false
    if (ret){
        //确定后的操作
    } else {
        //取消后的操作
    }

3、prompt()方法：

prompt("输入内容")

在这里插入图片描述

var ret=prompt("输入内容")
    if(ret=="aaa"){document.write("aaa")}
    else {document.write("bbbbb")}

(注意：如果点取消反回的是null)

4、setInterval（）方法：计时器，每过多少秒执行一次某个函数。

setInterval(函数名,毫秒)

下面是动态显示，停止显示时间，

<body>
<input type="text" id="clock" style="width: 250px">
<input type="button" value="开始" onclick="begin_clock()">
<input type="button" value="结束" onclick="end_clock()">
<script>
    function begin() {
        var stime=show_times();
        var colok_value=document.getElementById("clock");//通过ID获取到input标签对象
        colok_value.value=stime;//因为 colok_value是个对象，所以可以作用value方法来改变值。
    }
    var ID;
    function begin_clock() {
        end_clock();//注意：这是为了解决连点开始后无法关闭的BUG，所以在开始之前先清空ID。
       //为了防止1秒以后才出现，所以加上这条。
        /*
        这里还有一种思路：
          if (ID==undefined){//在执行下面的代码。代码不全，只是个思路。}
        */


        begin();
        // 每隔1秒，执行一次begin函数。因为可能有多个计时器，所以要给它指定一个ID，这样互相计时都不干扰
        ID=setInterval(begin,1000)
    }

    function end_clock() {
        // 因为作用域的问题，在这个函数里不能调用 begin_clock里的ID变量，为了避免使用全局变量，所以在函数外面先 var ID
        clearInterval(ID);

    }

    function show_times() {
        var date_obj=new Date();
        var year=date_obj.getFullYear();
        var month=date_obj.getMonth()+1;
        var day=date_obj.getDate();
        var hour=date_obj.getHours();
        var minutes=date_obj.getMinutes();
        var second=date_obj.getSeconds();
        var xq=date_obj.getDay();
        return year+"年"+buling(month)+"月"+buling(day)+"日"+"\xa0\xa0"+hour+":"+buling(minutes)+":"+buling(second)+numToWeek(xq);
    }
    function numToWeek(n){
        var week=["星期日","星期一","星期二","星期三","星期四","星期五","星期六",]
        return week[n]
    }
    function buling(num){
        if(num>=10){return num;}
        else {return "0"+num;}
    }


</script>

</body>

history对象

function fun1(){
history.go(1) //可以模拟网页的前进。
history.go(-1) //可以模拟网页的后退。


}

location对象

 location.reload() //刷新
 location.assign("http://www.baidu.com/") // 跳转到某页

9Khan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
BOM对象(浏览器对象)

BOM可以与浏览器对话windows对象,一个HTML页面就是一个windows窗口1、alert()方法2、confirm()方法：<script> confirm("比alert多一个确定和取消按扭")</script> var ret=confirm("是否保存") //点确定返回true 点取消返回false if (ret){...
复制链接

扫一扫

专栏目录