资讯专栏INFORMATION COLUMN

JavaScript BOM——“location 对象”的注意要点

未东兴 / 2811人阅读

摘要:对象基本介绍是最有用的对象之一,它提供了与当前窗口中加载的文档有关的信息。设置或返回主机名和当前的端口号。设置或返回当前的协议。另外,也可以修改对象的其他属性来改变。并且用户不能返回到值钱的页面。

location 对象基本介绍

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

假设当前的 URL 是: http://example.com:1234/test.htm#part2:
hash    设置或返回从井号 (#) 开始的 URL(锚)。//#part2
host    设置或返回主机名和当前 URL 的端口号。//example.com:1234
hostname    设置或返回当前 URL 的主机名。//example.com
href    设置或返回完整的 URL。//http://example.com:1234/test.htm#part2:
pathname    设置或返回当前 URL 的路径部分。///test/test.htm
port    设置或返回当前 URL 的端口号。//1234
protocol    设置或返回当前 URL 的协议。//http:

假设当前的 URL 是: http://www.w3school.com.cn/tiy/t.asp?f=hdom_loc_search
search    设置或返回从问号 (?) 开始的 URL(查询部分)。//?f=hdom_loc_search
位置操作 assign()方法

为其传递一个 URL,如:

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

这样就可以立即打开新 URL 并在浏览器的历史纪录中生成一条记录。也可以用 location.href 和 window.location 设置为一个 URL 的值。

另外,也可以修改 location 对象的其他属性来改变 URL。这样会在浏览器的历史纪录中生成一条新的记录。

replace()方法

虽然会导致浏览器位置的改变,但不回在历史纪录中生成新的记录。并且用户不能返回到值钱的页面。如:

setTimeout(function(){
    location.replace("http://www.baidu.com");
}, 3000)

上面的代码,三秒钟之后跳转到新的页面。

reload()方法

重新加载,接收一个可选参数,如下:

location.reload(); //可能从缓存中加载

location.reload(true); //从服务器重新加载

如:

setTimeout(reloading, 5000);
function reloading(){
    location.reload(true);
}

每五秒钟刷新一次页面。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/78225.html

相关文章

  • JavaScript BOM——“screen 对象”和“history 对象注意要点

    摘要:对象用处不大,对象基本上只涌来表明客户端的能力返回显示屏幕的高度除任务栏之外。返回目标设备或缓冲器上的调色板的比特深度。返回显示屏幕每英寸的水平方向的常规点数。返回显示屏幕的颜色分辨率比特每像素。负数表示向后跳转,正数表示向前跳转。 screen 对象 用处不大,screen 对象基本上只涌来表明客户端的能力: availHeight 返回显示屏幕的高度 (除 Windows 任...

    leoperfect 评论0 收藏0
  • JavaScript 基础知识 - BOM

    摘要:在中我们需要掌握定时器。定时器不是我们调用,我们只需要把函数的地址传过去,时间到了,会自己调用。参数延时的时间单位毫秒返回定时器的,用于清除示例代码延时定时器秒后将执行的代码。 showImg(https://segmentfault.com/img/remote/1460000012575821?w=1920&h=1080); 前言 本篇文章是JavaScript基础知识的BOM篇,...

    garfileo 评论0 收藏0
  • JavaScript 基础知识 - BOM

    摘要:在中我们需要掌握定时器。定时器不是我们调用,我们只需要把函数的地址传过去,时间到了,会自己调用。参数延时的时间单位毫秒返回定时器的,用于清除示例代码延时定时器秒后将执行的代码。 showImg(https://segmentfault.com/img/remote/1460000012575821?w=1920&h=1080); 前言 本篇文章是JavaScript基础知识的BOM篇,...

    Object 评论0 收藏0
  • JavaScript BOM——“navigator 对象注意要点

    摘要:返回指明系统是否处于脱机模式的布尔值。返回使用的默认语言。规定浏览器是否启用数据污点。上述代码用来检测中的插件,但标识符不同,如一般为。如其中的表示源,由系统自动插入。接收三个参数要处理的协议或,处理该协议的页面的和应用程序的名称。 navigator 简单介绍 下面是存在于所有浏览器中的属性和方法(注释:没有应用于 navigator 对象的公开标准,不过所有浏览器都支持该对象。):...

    Nosee 评论0 收藏0
  • JavaScript要点(不含有语言基础语法)

    摘要:被覆盖级事件处理事件名,事件处理函数,事件捕获事件冒泡清除事件处理要使用级事件处理程序不会被覆盖而是会一步一步的解析执行。 一,变量1.可以用new Array(1,2);来定义数组。2.可以通过为变量赋值为null来清除变量,如: //首先定义一个变量 var i1=10; i1=null; //此时的i1就被清除了 在函数里面这样定义变量的时候要注意 funtion demo()...

    OpenDigg 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<