JavaScript Location 对象

Location 对象

Location对象包含有关当前URL的信息。location对象是window对象的一部分,可以通过window.location属性访问。

注意:没有适用于location对象的公共标准,但所有主流浏览器都支持它。

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<title>js</title>

<body>

<p>单击此按钮可显示当前页面的整个URL。</p>

<button onclick="myFunction()">尝试</button>

<p id="demo"></p>

<script>
    function myFunction() {
        var x = location.href;
        document.getElementById("demo").innerHTML = x;
    }
</script>

</body>
</html>

Location 对象属性

可以在Location对象上使用以下属性:

属性 描述
hash 设置或返回URL的锚点部分(#)
host 设置或返回URL的主机名和端口号
hostname 设置或返回URL的主机名
href 设置或返回整个URL
origin 返回URL的协议,主机名和端口号
pathname 设置或返回URL的路径名
port 设置或返回URL的端口号
protocol 设置或返回URL的协议
search 设置或返回URL的查询字符串部分

Location 对象方法

可以在Location对象上使用以下方法:

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

原文地址:https://blog.51cto.com/13578973/2420741

时间: 2024-08-05 20:43:44

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