资讯专栏INFORMATION COLUMN

location对象

ymyang / 2710人阅读

摘要:对象属性名例子说明返回中的号后跟零或多个字符如果中不包含散列则返回空字符串返回服务器的名称和端口号如果有返回不带端口号的服务器名称返回当前加载页面的完整而对象的方法也会返回这个值返回中的目录和或文件名返回中指定的端口号如果中不包含端口号则这

location对象


属性名 例子 说明
hash "#contents" 返回URL中的hash(#号后跟零或多个字符),如果URL中不包含散列,则返回空字符串
host "www.wrox.com:80" 返回服务器的名称和端口号(如果有)
hostname "www.wrox.com" 返回不带端口号的服务器名称
href "http://www.wrox.com" 返回当前加载页面的完整URL.而location对象的toString()方法也会返回这个值
pathname "/WileyCDA/" 返回URL中的目录和(或)文件名
port "8080" 返回URL中指定的端口号.如果URL中不包含端口号,则这个属性返回空字符串
protocol "http:" 返回页面使用的协议.通常是http:或https:
search "?q=javascript" 返回URL的查询字符串.这个字符串以问号开头
位置操作

assign()方法
使用location对象可以改变浏览器的位置,有如下几种方法:

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

window.location = "http://www.wrox.com";

location.href = "http://www.wrox.com";

replace()方法
接受一个参数,即要导航到的URL,但是不会在生成新的历史记录

reload()方法
重新加载当前页面
location.reload(); //重新加载(有可能有缓存中加载)
location.reload(true); //重新加载(从服务器重新加载)

另外,修改location对象的其他属性也可以改变当前加载的页面(hash除外)

参考:http://www.ruanyifeng.com/blog/2011/03/url_hash.html

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

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

相关文章

  • JS中最容易被轻视的对象----location和history

    摘要:最近开始移动端页面的时候,被和坑了一把,于是决定对这两个对象进行一个全面的剖析。但出于隐私方面的原因,对象不再允许脚本访问已经访问过的实际。唯一保持使用的功能只有和方法。华为执行完之后,我们发现不能回退了,是不是就跟实现同样的效果了。 最近开始移动端页面的时候,被window.location和window.history坑了一把,于是决定对这两个对象进行一个全面的剖析。下面进行我们的...

    xumenger 评论0 收藏0
  • js bom location对象

    摘要:一对象获取获取服务器名称和端口号获取服务器名称和端口号获取服务器名称和端口号获取不带端口号的服务器名称获取不带端口号的服务器名称获取整个获取整个返回中的目录和或文件名返回中的目录和或文件名返回的端口号返回的端口号返回的协议返回的协议返回的查 一、location对象 http://localhost:8881/javascript/BOM/window.html?name=bob&ag...

    Carson 评论0 收藏0
  • 《Java Concurrency in Practice》中三个VehicleTracker例子的

    摘要:线程安全需求分析三个例子都是关于车辆追踪的。他们使用了不同的方式来保证车辆追踪类的线程安全性。值得注意的值文档也是维护线程安全的重要组成部分。 每个例子后面有代码,大家可以先把代码粘出来或者开两个页面,先过一下例子的代码,然后一边看分析一遍看代码,上下拖动看的话效果不好。 欢迎拍砖和补充。 线程安全需求分析 三个例子都是关于车辆追踪的。他们使用了不同的方式来保证车辆追踪类的线程安全性。...

    binaryTree 评论0 收藏0
  • react-router v4.x 源码拾遗1

    摘要:还是先来一段官方的基础使用案例,熟悉一下整体的代码流程中使用了端常用到的等一些常用组件,作为的顶层组件来获取的和设置回调函数来更新。 react-router是react官方推荐并参与维护的一个路由库,支持浏览器端、app端、服务端等常见场景下的路由切换功能,react-router本身不具备切换和跳转路由的功能,这些功能全部由react-router依赖的history库完成,his...

    itvincent 评论0 收藏0
  • react-router v4.x 源码拾遗1

    摘要:还是先来一段官方的基础使用案例,熟悉一下整体的代码流程中使用了端常用到的等一些常用组件,作为的顶层组件来获取的和设置回调函数来更新。 react-router是react官方推荐并参与维护的一个路由库,支持浏览器端、app端、服务端等常见场景下的路由切换功能,react-router本身不具备切换和跳转路由的功能,这些功能全部由react-router依赖的history库完成,his...

    Joyven 评论0 收藏0

发表评论

0条评论

ymyang

|高级讲师

TA的文章

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