BOM-读书笔记二

location对象

    location对象是最有用的BOM对象之一,它提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能。

    location对象是比较特别的对象,因为它既是window对象的属性,也是document对象的属性,换句话说,window.location和document.location引用的是同一个对象。

属性

    location对象不止表现在它保存了当前文档的信息,还表现在它将URL解析为独立的片段,开发人员可以通过不同的属性访问这些片段。

    hash

    返回URL中的hash(#号后面跟零或多个字符),如果URL中不包含散列,则返回空字符串。

    host

    返回服务器名和端口号,“www.xxx.com:8080”

    hostname

    返回不带端口号的服务器名,“www.xxx.com”

    href

    返回当前加载页面的完整URL,而locatioon对象的toString()方法也返回这个值。

    pathname

    返回URL中的目录和(或)文件名。

    port

    返回URL指定的端口号,如果URL中没有端口号,那么这个属性返回空字符串。

    protocol

    返回页面使用的协议,通常是HTTP或HTTPS。

    search

    返回URL的查询字符串,这个字符串以问号开头。“?id=001&subId=002”

位置操作

     assign方法

    使用location对象可以通过很多方式来改变浏览器的位置。最常用的方式就是assign方法并为其传入一个URL参数。

    location.assign(“http://www.baidu.com”);

    这样,就可以立即打开心URL并在浏览器的历史记录中生成一条记录。如果是将location.href或者window.location设置一个URL值,同样会调用assign()方法。这三个改变浏览器位置的方法中,最常用的设置location.href属性。

    replace()方法

    使用这个方法,需要传入参数,即导航URL的值,虽然会导致浏览器位置改变,但是不会再历史记录中生成记录,在调用replace方法后,用户不能回退到前一个界面。

    reload()方法

    重新加载当前显示的界面。如果页面自上次请求以来并没有改变过,页面就会从浏览器缓存中重新加载,如果要强制冲服务器重新加载,则需要传入参数true,如下:

   

    //重新加载,有可能从缓存中加载
    location.reload();
    //从服务器重新加载
    location.reload(true);


screen对象

    javaScript有几个对象在编程中用处不大,而SCREEN对象就是其中之一。screen对象基本上只用来表明客户端的能力,其中包括浏览器窗口外部的显示器的信息,如像素的高度和宽度。每个浏览器中的screen对象都包含着不同的属性。

history对象

    history对象保存着用户上网的历史记录,从窗口被打开的那一刻算起。因为history是window对象的属性,因此每个浏览器窗口,每个页签乃至每个框架,都有自己的history对象和特定的window对象关联。

    虽然此对象不常用,但是创建自定义的“前进”和“后退”,以及检测当前页面是不是用户历史记录的第一个页面时,必须使用它。

     go

    使用go方法可以再用户的历史记录中任意跳转。可以向前也可以向后。  

   

//后退一页
history.go(-1);
//前进一页
history.go(1);
//前进二页
history.go(2);

 

     back

     back方法是go(-1)的简写方法。

//后退一页
history.back();
     forward

     是go(1)方法的简写方法。

   

   //向前一页
   history.forward();


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值