location属性是一个用来存储当前页面URL信息的对象。

下面我们通过循环来列出location对象的完整属性列表:

  1. for(var i in location){
  2. if(typeof location[i] == 'string'){
  3. console.log( i + ' = "' + location[i] + ' " ');
  4. }
  5. }

下面来看一下:

另外,location对象还提供了三种方法:分别是:

  1. reload();

  2. assign();

  3. replace();

将页面导航到新的页面有很多方式,例如:

  1. window.location.href = 'www.baidu.com';
  2. location.href = 'www.baidu.com';
  3. location = 'www.baidu.com';
  4. location.assign('www.baidu.com');

replace()方法的作用与assign()方法基本相同,只不过她不会在浏览器里留下历史记录;

  1. location.replace('http://www.baiu.com')

另外,如果我们想重新刷新,载入页面,可以调用:

  1. location.reload();

或者可以让location.href属性再次指向自己:

  1. window.location.href = window.location.href;

或者还可以简化一下:

  1. location = location;

下面来说一下如何解析URL地址呢?这里有一个方法,获取并接到URL上的地址:

  1. function getUrl(){
  2. //获取Url地址
  3. var local_url="http://114.215.102.185:8080/tiger-portal/resources/fans2/active-1.html?activity_id=20&device_type=iPhone6,2&os=ios&device_id=fb106c38f465490fb6099106551460f2&user_id=11&token=E69AF51BACED46E3BFBA9D25E62F1849&ver=1.0";
  4. var theRequest = new Object();
  5. if(local_url.indexOf('?') != -1){
  6. var str = local_url.split('?')[1];
  7. console.log(str);
  8. strs = str.split('&');
  9. for(var i=0;i<strs.length;i++){
  10. var a = strs[i].split('=')[0];
  11. var b = strs[i].split("=")[1];
  12. theRequest[a] = unescape(b);
  13. }
  14. }
  15. return theRequest;
  16. }
  17. getUrl();

------学习javascript是一种情怀

javascript宿主对象之window.location的更多相关文章

  1. javascript宿主对象之window.frames

    window.frames属性是当前页面所有框架的集合.要注意的事,这里并没有frame和iframe做出区分.而且,无论页面存不存在框架,window.frames属性总是存在的,并总是指向wind ...

  2. javascript宿主对象之window.navigator

    window.navigator用来反映浏览器及其功能信息的对象. // 检测浏览器版本信息 function getBrowserInfo(){ var Sys = {}; var ua = win ...

  3. javascript宿主对象之window.screen、window.close()/open()、window.moveTo、window.resizeTo

    window.screen属性所提供的是浏览器以外的信息.这里只简单的概述一下: screen.availWidth - 可用的屏幕宽度 (除去操作系统菜单) screen.availHeight - ...

  4. javascript宿主对象之window.history

    window.historys属性允许我们操作同一个浏览器回话中的已访问页面,例如我们可以看到在这之前我们浏览页面的数量: window.history.length 由于隐私保护,我们无法获取这些页 ...

  5. 《JAVASCRIPT高级程序设计》window/location/navigator/screen/history对象

    如果要在web中使用JAVASCRIPT,那么BOM(浏览器对象模型)毫无疑问是最重要的部分.BOM提供了很多对象,例如,window.location.navigator.screen.histor ...

  6. 学习笔记:javascript 窗口对象(window)

    1.窗口对象属性 属性 描述 closed 返回窗口是否已被关闭. defaultStatus 设置或返回窗口状态栏中的默认文本. document 对 Document 对象的只读引用.请参阅 Do ...

  7. JavaScript在IE6下超级链接window.location.href不跳转的bug 及 解决方案

    今天遇到个很诡异的问题,就是<a href="javascript:void(0);" onclick="window.location.href=url" ...

  8. javascript浏览器对象

    window对象 1.window对象 window对象是BOM的核心,window对象指当前的浏览器窗口 所有JS全局对象.函数以及变量均自动成为window对象的成员 全局变量是window对象的 ...

  9. Javascript&Html-location对象

    Javascript&Html-location对象 location对应是BOM最有用的对象之一,她提供了当前窗口中加载的文档的信息,并提供了一些导航的功能.location对象有一个特别的 ...

随机推荐

  1. Qt实现FlatUI样式(开源)

    对于现在做前端开发人员来说,FlatUI肯定不陌生,最近几年扁平化的设计越来越流行,大概由于现在PC端和移动端的设备的分辨率越来越高,扁平化反而看起来更让人愉悦,而通过渐变色产生的质感色彩反而没有扁平 ...

  2. jQuery - jQuery的$.extend和$.fn.extend作用及区别

    jQuery为开发插件提拱了两个方法,分别是: 1. jQuery.fn.extend(); 2. jQuery.extend(); 虽然 javascript没有明确的类的概念,但是可以构建类似类的 ...

  3. CSDN 2013年度博客之星评选——分享几张厦门杭州的美图

    亲爱的小伙伴们,作者在6号至20号,一直在休假中,出去也没带电脑,今天回家意外的发现自己有幸成为“CSDN 2013年度博客之星评选”的候选人,在此也谢谢各位小伙伴们的支持,谢谢CSDN的鼓励.我的投 ...

  4. Into concurrent LRU caching once again

    But this time, with a more product oriented point of view, instead of researching. http://openmymind ...

  5. ruby -- 基础学习(二) 外键配置实现级联删除

    该系列学习基于rails4.0 数据表:admins (id, name, address), articles (id, admin_id, title) admin_id 是表articles中的 ...

  6. [Unity3D] 浅尝Unity3D

    01. Move and Rotate 标准全局坐标系 Keyboard using UnityEngine; using System.Collections; public class NewBe ...

  7. Appium移动自动化测试(四)--one demo

    继续更新. -------------------------------------------- 第四节  安装Appium Client Appium Client是对webdriver原生ap ...

  8. 初涉SQL Server性能问题(1/4):服务器概况

    当你作为DBA时,很多人会向你抱怨:“这个程序数据加载和蜗牛一样,你看看是不是服务器出问题了?”造成这个问题的原因有很多.可能是程序应用服务器问题,网络问题,程序实现方式问题,数据库服务器负荷过重.不 ...

  9. cart中回归树的原理和实现

    前面说了那么多,一直围绕着分类问题讨论,下面我们开始学习回归树吧, cart生成有两个关键点 如何评价最优二分结果 什么时候停止和如何确定叶子节点的值 cart分类树采用gini系数来对二分结果进行评 ...

  10. Flex 布局相关用法

    前言: 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性.它对于那些特殊布局非常不方便,比如,垂直居中 就不容易实现. 2009年,W3C提出了 ...