BOM对象

最新推荐文章于 2024-07-16 19:07:40 发布

Henry_Lv

最新推荐文章于 2024-07-16 19:07:40 发布

阅读量243

点赞数

分类专栏： JavaScript web编程基础

本文链接：https://blog.csdn.net/Henry_Lv/article/details/80237419

版权

web编程基础同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

JavaScript

5 篇文章 0 订阅

订阅专栏

Windows对象

window对象
    所有浏览器都支持 window 对象。
    概念上讲.一个html文档对应一个window对象.
    功能上讲: 控制浏览器窗口的.
    使用上讲: window对象不需要创建对象,直接使用即可

Window 对象方法

alert()            显示带有一段消息和一个确认按钮的警告框。
confirm()          显示带有一段消息以及确认按钮和取消按钮的对话框。
prompt()           显示可提示用户输入的对话框。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var num=Math.round(Math.random()*100);
    function f()
    {
        var usernum=prompt('请输入一个0~100之间的整数','0');//返回值为输入的内容，如果为空返回null,参数1 : 提示信息.参数2:输入框的默认值.
        if(isNaN(usernum))//isNaN()判断是不是非数字
        {
            alert('请输入一个整数');
            f()
        }
        else if(usernum>num)
        {
            alert('你输入的太大了，请重新输入');
            f()
        }
        else if(usernum<num)
        {
            alert('你输入的太小了，请重新输入');
            f()
        }
        else
        {
            var res=confirm('恭喜你猜对了！是否继续游戏？')//返回值为true或者false
            if(res)
              {
                num=Math.round(Math.random()*100)
                f()
              }
            else
                {
                    close()
                }

        }
    }
    f()
</script>
</body>
</html>

open()             打开一个新的浏览器窗口或查找一个已命名的窗口。
close()            关闭浏览器窗口。
setInterval()      按照指定的周期（以毫秒计）来调用函数或计算表达式。
clearInterval()    取消由 setInterval() 设置的 timeout。
setTimeout()       在指定的毫秒数后调用函数或计算表达式。
clearTimeout()     取消由 setTimeout() 方法设置的 timeout。
scrollTo()         把内容滚动到指定的坐标。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input id="id1" type="text" οnclick="begin()"><!--onclick:点击时运行对应的函数-->
<button οnclick="end()">停止</button>
<script>

function gettime()
{
    var time=new Date().toLocaleString();//获取时间
    var ele=document.getElementById('id1')
    ele.value=time;
}

var clock//设置clock变量，如果不设置end函数将访问不到clock变量

function begin()
{
    if(clock==undefined)//为了防止多次对clock进行设置
    {
        gettime(); //解决延迟显示
        clock=setInterval(gettime,1000);//每1000毫秒执行一次gettime函数

    }
}
function end()
{
    clearInterval(clock);//取消设定的setInterval
    clock=undefined;//将clock再次设定为undefined，为了下次点击时仍然能显示时间
    var r=confirm('是否打开百度,并于5秒后关闭原页面？');
    if (r)
    {
        open('http://www.baidu.com')
        setTimeout(close,5000)
    }
    else
    {
        var s=setTimeout(close,10000);
        var re=confirm('将于10秒后关闭原页面,是否取消？');
        if (re)
        {
            clearTimeout(s)
        }

    }

}

</script>
</body>
</html>

History 对象

History 对象包含用户（在浏览器窗口中）访问过的 URL。

History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问

length  返回浏览器历史列表中的 URL 数量。

History 对象方法

back()    加载 history 列表中的前一个 URL。
forward()    加载 history 列表中的下一个 URL。
go()    加载 history 列表中的某个具体页面。

<a href="rrr.html">click</a>
<button οnclick=" history.forward()">>>></button>
<button οnclick="history.back()">back</button>
<button οnclick="history.go()">back</button>

Location 对象

Location 对象包含有关当前 URL 的信息。
Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。

Location 对象方法

location.assign(URL)
location.reload()
location.replace(newURL)//注意与assign的区别

Henry_Lv

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录