Javascript-location对象

1、location对象

location是最有用的DOM对象之一,它提供了与当前窗口中的文档有关的信息,还提供了一些导航功能。location对象是一个很特殊的对象,因为它既是window对象的属性,也是document对象的属性;换句话说,window.location和document.location引用的是同一个对象。location对象的用处不只表现在它保存着当前文档的信息,还表现在它将URL解析为独立的片段,让开发人员可以通过不同的属性访问这些片段。下标列出了location对象的所有属性(省略了每个属性前面的location前缀):

1.1、查询字符串参数

虽然上面的属性可以访问到location对象的大多数信息,但是其中访问URL包含的查询字符串的属性并不方便。尽管location.search返回从问号到URL末尾的所有内容,但是却没有办法逐个访问其中的每个查询字符串参数。因此可以创建一个函数,用以解析查询字符串,然后返回包含所以参数的一个对像。

1.2、位置操作

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

    location.assign(‘http://www.wrox.com‘);

这样就可以打开新URL,并在浏览器的历史记录中生成一条记录。如果将location.href和window.location设置为一个URL值。也会以该值调用assign()方法。下面的两行代码的效果是一样的:

    window.location = ‘http://www.wrox.com‘;
    location.href = ‘http://www.wrox.com‘;

最常用的是设置location.href属性。
修改location对象的其他属性也可以改变当前加载的页面:

    //假设初始值URL为:http://www.wrox.com/WileyCDA

    //将URL修改为:http://www.wrox.com/WileyCDA/#section
    location.hash = ‘#section‘;
    //将URL修改为:http://www.wrox.com/WileyCDA/?q=javascript
    location.search = ‘?q=javascript‘;
    //将URL修改为:http://www.wrox.com/WileyCDA/
    location.hostname = ‘www.wrox.com‘;
    //将URL修改为:http://www.wrox.com/mydir
    location.pathname = ‘mydir‘;
    //将URL修改为:http://www.wrox.com:8080/WileyCDA/
    location.port = 8080;
    // 每次修改location的属性(hash除外)都会以新URL重新加载

当通过上述任何一种方式修改URL后,浏览器的历史记录中就会生成一条新记录。要禁用这种行为可以使用replace()方法,这个方法只接收一个参数,既要导航到的URL,结果虽然导致浏览器位置变化,但不在历史记录中生成新记录。在调用replace()方法后,用户不能回到前一个页面,此时后退按钮将处于禁用状态:

    location.replace(‘www.wrox.com‘);

与为重有关的最后一个方法是reload(),作用是重新加载当前显示的页面。如果调研那个reload()不传递任何参数,页面就以最有效的方式重载,也就是从浏览器缓存中冲洗加载;如果想强制从服务器重新加载,则需要:

    location.reload();       //从页面加载
    location.reload(true);   //从服务器加载

位于reload()方法后的代码可能会也可能不会执行,这要取决于网络延迟或系统资源等因素,因此,最好将reload()放在代码的最后一行。

Javascript-location对象,布布扣,bubuko.com

时间: 2024-08-06 11:27:02

Javascript-location对象的相关文章

javascript Location对象属性和方法

Location对象 Location对象包含有关当前URL的信息 https://blog.csdn.net/u010953692/article/details/80901035#3 https(协议)   blog.csdn.net(域名)   /u010953692/article/details/80901035(路径)   #3(锚点) Location对象属性 hash: 设置或返回从井号(#) 开始的 URL (锚)  ↓ host:   设置或返回主机名和当前 URL 的端口号

JavaScript Location 对象

Location 对象 Location对象包含有关当前URL的信息.location对象是window对象的一部分,可以通过window.location属性访问. 注意:没有适用于location对象的公共标准,但所有主流浏览器都支持它. <!DOCTYPE html> <html> <meta charset="UTF-8"> <title>js</title> <body> <p>单击此按钮可显

JavaScript window.location对象

JavaScript window.location对象 示例 注意 方法 经常使用window.location,它的结构总是记不住,简单梳理下,方便以后查询. 示例 URL:http://b.a.com:88/index.php?name=kang&when=2011#first 属性 含义 值 protocol: 协议 "http:" hostname: 服务器的名字 "b.a.com" port: 端口 "88" pathname

Javascript的location对象

JavaScript window.location对象 示例 注意 方法 经常使用window.location,它的结构总是记不住,简单梳理下,方便以后查询. 示例 URL:http://b.a.com:88/index.php?name=kang&when=2011#first 属性 含义 值 protocol: 协议 "http:" hostname: 服务器的名字 "b.a.com" port: 端口 "88" pathname

javascript宿主对象之window.location

location属性是一个用来存储当前页面URL信息的对象. 下面我们通过循环来列出location对象的完整属性列表: for(var i in location){ if(typeof location[i] == 'string'){ console.log( i + ' = "' + location[i] + ' " '); } } 下面来看一下: 另外,location对象还提供了三种方法:分别是: 1. reload(); 2. assign(); 3. replace(

javascript之BOM对象(二location对象)

一.location对象提供和当前加载的文档相关的信息还有一些导航功能.location对象是window对象的属性,同时也是document对象的属性.window.location和document.location指向同一个对象. location对象不仅保存着当前文档的信息,还可以将URL解析为独立的字段,可以通过不同的属性访问这些片段. location的所有属性如下 属性名 例子 说明 hash #contents 返回URL中的hash(#号后跟0个或多个字符) host loca

JavaScript 计时器,History 对象(window),Location对象(window),Navigator对象

1,计时器setInterval()  在执行时,从载入页面后每隔指定的时间执行代码. setInterval(代码,交互时间); 2,计时器setTimeout(),在载入后延迟指定时间后,去执行一次表达式,仅执行一次. 递归,就是在运行的过程中调用自己.setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次. setTimeout(代码,延迟时间); function startCount() { document.getElementById('count')

JavaScript之DOM-7 Window常用子对象(navigator对象、location对象、history对象、screen对象)

一.navigator对象 navigator对象的作用 - navigator 对象包含有关浏览器的信息 - 常用于获取客户端浏览器和操作系统信息 常用属性和方法 二.location 对象 location 对象的作用 - location 对象包含有关当前 URL 的信息 - 常用于获取和改变当前浏览器的网址 常用属性和方法 三.history对象 history对象的作用 - history对象包含用户(在浏览器窗口中)访问过的URL的历史记录 常用属性和方法 四.screen对象 sc

【JavaScript】BOM对象——Window对象&amp;History对象&amp;Location 对象

1.Window对象: 表示浏览器中打开的窗口 setInterval():它有一个返回值,主要是提供给 clearInterval 使用. setTimeout():它有一个返回值,主要是提供给 clearTimeout 使用. clearInterval():该方法只能清除由 setInterval 设置的定时操作. clearTimeout():该方法只能清除由 setTimeout 设置的定时操作. 代码: <script> // //确认弹出框 // confirm("确定

javascript数组对象操作,location对象操作

Array 对象属性 FF: Firefox, IE: Internet Explorer 属性 描述 FF IE constructor 返回对创建此对象的数组函数的引用. 1 4 index   1 4 input   1 4 length 设置或返回数组中元素的数目. 1 4 prototype 使您有能力向对象添加属性和方法. 1 4 Array 对象方法 FF: Firefox, IE: Internet Explorer 方法 描述 FF IE concat() 连接两个或更多的数组