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();

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

window.location.href = ‘www.baidu.com‘;
location.href = ‘www.baidu.com‘;
location = ‘www.baidu.com‘;
location.assign(‘www.baidu.com‘);

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

location.replace(‘http://www.baiu.com‘)

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

location.reload();

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

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

或者还可以简化一下:

location = location;

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

function getUrl(){
    //获取Url地址
    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";
    var theRequest = new Object();
    if(local_url.indexOf(‘?‘) != -1){
        var str = local_url.split(‘?‘)[1];
        console.log(str);
        strs = str.split(‘&‘);
        for(var i=0;i<strs.length;i++){
            var a = strs[i].split(‘=‘)[0];
            var b = strs[i].split("=")[1];
            theRequest[a] = unescape(b);
        }
    }
    return theRequest;
}
getUrl();

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

时间: 2024-10-14 04:51:28

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

javascript宿主对象之window.frames

window.frames属性是当前页面所有框架的集合.要注意的事,这里并没有frame和iframe做出区分.而且,无论页面存不存在框架,window.frames属性总是存在的,并总是指向window对象本身. window.frames === window; // true; 假设我们页面中有一个iframe元素: <iframe name="myframe" src="hello.html"/> 我们可以通过检查其length属性来了解页面中是

javascript宿主对象之window.navigator

window.navigator用来反映浏览器及其功能信息的对象. // 检测浏览器版本信息 function getBrowserInfo(){ var Sys = {}; var ua = window.navigator.userAgent.toLowerCase(); var re =/(msie|firefox|chrome|opera|version).*?([\d.]+)/; var m = ua.match(re); Sys.browser = m[1].replace(/ver

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

window.screen属性所提供的是浏览器以外的信息.这里只简单的概述一下: screen.availWidth - 可用的屏幕宽度 (除去操作系统菜单) screen.availHeight - 可用的屏幕高度(除去操作系统菜单) screen.width - 总分辨率宽度 screen.height - 总分辨率高度 window.open属性是一个我们打开新窗口的方法,主要接收一下参数: 1. 要载入窗口的URL 2. 新窗口的名字,用于新窗口form标签的taeget属性: 3. 以

javascript宿主对象之window.history

window.historys属性允许我们操作同一个浏览器回话中的已访问页面,例如我们可以看到在这之前我们浏览页面的数量: window.history.length 由于隐私保护,我们无法获取这些页面具体的URL,像下面这样是不被允许的: window.history[0] 但是我们可以在当前用户会话中的页面之间进行来回切换,就像您在浏览器中单击后退,前进一样. history.forward(); // 前进 history.back(); // 返回 另外,我们可以用history.go(

JavaScript宿主对象之BOM和DOM

宿主对象(host object),即由ECMAScript实现的宿主环境提供的对象. 宿主对象的表现形式,即浏览器下window的子对象和node.js下global的子对象. DOM(文档对象模型)和BOM(浏览器对象模型)属于宿主对象. 也就是说,DOM和BOM是编程接口,我们可以获取到一些列属性和方法,用于操作HTML文档和浏览器. 一.BOM BOM封装了一系列浏览器,相关的属性和方法. 其中较为重要属性有Window(浏览器打开的窗口).Navigator(浏览器相关信息).Scre

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

如果要在web中使用JAVASCRIPT,那么BOM(浏览器对象模型)毫无疑问是最重要的部分.BOM提供了很多对象,例如,window.location.navigator.screen.history对象,下面我们来一一介绍这些对象的相关功能.先从window对象开始,它表示浏览器的一个实例. window对象: 一.全局作用域 window对象在ECMAScript扮演者global对象的角色,因此在全局作用域中声明的变量和函数都会成为window对象的属性和方法:但是通过这两种方式定义的属

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

1.窗口对象属性 属性 描述 closed 返回窗口是否已被关闭. defaultStatus 设置或返回窗口状态栏中的默认文本. document 对 Document 对象的只读引用.请参阅 Document 对象. history 对 History 对象的只读引用.请参数 History 对象. innerheight 返回窗口的文档显示区的高度. innerwidth 返回窗口的文档显示区的宽度. length 设置或返回窗口中的框架数量. location 用于窗口或框架的 Loca

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() 连接两个或更多的数组

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

今天遇到个很诡异的问题,就是<a href="javascript:void(0);" onclick="window.location.href=url"></a>在IE6下面没反应,不跳转到onclik事件中的“window.location.href”. 当时我们在网上找了篇文章很快就解决了,但是文章中没有说明具体原因在哪里,只是说在“window.location.href”后面加一个"return false",