JavaScrip--Location对象

location对象

属性:

hash 设置或返回从井号 (#) 开始的 URL(锚)
host 设置或返回主机名和当前 URL 的端口号
hostname 设置或返回当前 URL 的主机名
href 设置或返回完整的 URL
pathname 设置或返回当前 URL 的路径部分
port 设置或返回当前 URL 的端口号
protocol 设置或返回当前 URL 的协议
search 设置或返回从问号 (?) 开始的 URL(查询部分)

location对象的方法

assign() 加载新的文档
reload() 重新加载当前文档
replace() 用新的文档替换当前文档

例子:
<body>
<button onclick="getLocation()">按钮</button>
<p id="pid"></p>
<button onclick="goassign()">杨MT博客</button>

<script>
    function getLocation(){
        var s, p=document.getElementById("pid");
        s=location.hostname+"<br/>";
        s+=location.pathname+"<br/>";
        s+=location.href;
        p.innerHTML=s;
    }
    function goassign(){
        location.assign("http://www.cnblogs.com/YangMT")
    }
</script>
</body>

时间: 2024-08-07 20:34:30

JavaScrip--Location对象的相关文章

location对象

属性名 例子 说明 hash "#contents" 返回URL中的hash(#号后跟零或多个字符),如果URL中不包含散列,则返回空字符串 host "www.wrox.com:80" 返回服务器的名称和端口号(如果有) hostname "www.wrox.com" 返回不带端口号的服务器名称 href "http://www.wrox.com" 返回当前加载页面的完整URL.而location对象的toString()方

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

location对象浅探

location对象浅探

【2017-03-28】JS基础、windows对象、history对象、location对象

一.JS基础 JS - javaScript 1.js功能: 1).进行数据的运算.2).控制浏览器的一些功能.3).控制元素(属性.内容.样式) js引用位置: 可以放在html页的任意位置. 推荐放在<html></html>后边. 也可以放在一个以js结尾的文件内,将该文件引用到html页内. 2.格式: <script type="text/javascript"> js代码 </script> 1.alert("&qu

BOM之location对象

定义 location提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能.location是一个很特别的对象,因为它既是window对象的属性,也是document对象的属性.换句话说,window.location和document.location引用的是同一个对象. console.log(window.location) console.log(document.location) 查询字符串参数 location将URL解析成独立的片段,让开发人员可以通过不同的属性访问这些片

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

location对象[第8章-浏览器对象模型BOM 笔记2]

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

HTML5中的History和Location对象

今天发现原来HTML5对History和Location对象进行了改进,提供了几个新的API.我觉得,这用来结合Ajax来使用,弥补Ajax技术更新内容但不产生历史记录的问题,十分有用. 我很久之前就想过通过锚点来解决实现书签和定位,配合iframe使用一些小技巧,还可以实现历史记录的产生.后来发现,原来IE8和其它现代浏览器都大都已经实现了更改锚点来产生历史记录了. 记得,我第一次做的一个相关的小应用是工大在线的翻页书签功能:http://www.gdutonline.com/newstude

js location对象

location提供了与当前窗口中加载文档有关的信息.还提供了一些导航功能.它既是window对象的属性,又是document对象的属性,window.location与document.location引用的是同一个对象. location对象的属性,如下