HTML location对象简介

最新推荐文章于 2022-08-20 01:15:42 发布
最新推荐文章于 2022-08-20 01:15:42 发布
阅读量4.1k 收藏 1
点赞数
分类专栏： B/S学习 文章标签： html url 文档 button function input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/taozpwater/article/details/7796381
版权

1、简介

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


2、Location 对象属性

属性 描述 IE F O
hash 设置或返回从井号 (#) 开始的 URL（锚）。 4 1 9
host 设置或返回主机名和当前 URL 的端口号。 4 1 9
hostname 设置或返回当前 URL 的主机名。 4 1 9
href 设置或返回完整的 URL。 4 1 9
pathname 设置或返回当前 URL 的路径部分。 4 1 9
port 设置或返回当前 URL 的端口号。 4 1 9
protocol 设置或返回当前 URL 的协议。 4 1 9
search 设置或返回从问号 (?) 开始的 URL（查询部分）。 4 1 9

3、Location 对象方法

属性 描述 IE F O
assign() 加载新的文档。 4 1 9
reload() 重新加载当前文档。 4 1 9
replace() 用新的文档替换当前文档。 4 1 9

4、示例

<html>
<head>
<script type="text/javascript">
       function currLocation()
       {
              alert(window.location)
       }
       function newLocation()
       {
              window.location="/index.html"
       }
</script>
</head>
<body>
       <input type="button" οnclick="currLocation()" value="显示当前的 URL">
       <input type="button" οnclick="newLocation()" value="改变 URL">
</body>
</html>


参考文献：W3school

taozpwater
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html 获取location,html中location的用法详解
weixin_35647799的博客
06-08 1730
【转自】https://blog.csdn.net/py941215/article/details/77825921Location介绍location指示了其所连接对象的url位置。Document和window对象中都有location属性，可以通过window.location和document.location访问。注意 如果想要获得当前文档的完整url字符串，有四种方式document...
html文档中的location对象属性理解及常见的用法
01-19
关于location对象的简单理解： 1.location对象中涵盖了当前页面（本页面）或者更直接的说，是当前加载的这个html文档的url信息 2.location对象作为window对象的一个属性，可以通过[removed]老访问 下面顺便介绍一些URL(资源定位符)的相关信息吧： 在浏览器中URL通常由下面几个部分组成的： [协议][host][path][query] 协议：常见的协议有： http:// 表示资源文件在web服务器上 ftp://表示资源文件在网络上的ftp服务器中 host：主机名以及端口号，例如本机tomcat常用的host：localhost:808
html中location的用法详解
热门推荐
帅气的鎏氓兔
09-03 2万+
Location介绍 location指示了其所连接对象的url位置。Document和window对象中都有location属性，可以通过window.location和document.location访问。 注意 如果想要获得当前文档的完整url字符串，有四种方式 document.locationdocument.location.hrefdocument.URLdocument
【HTML】location对象
个人学习笔记
08-20 562
html 中 location 的一些笔记
html_Location对象
jss19940414的博客
12-16 710
Location对象 location 必须掌握三个属性和三个方法 location  属性   href serach hash Href：跳转的地址  search：传入的参数  hash：锚点 location  方法   assign reload replace   Location.reload() 方法用来刷新当前页面。该方法只有一个参数，当值为 true 时，将强制浏览器...
038HTML-DOM对象.doc
11-30
DHTML 对象模型如图－1 所示，包括 window 对象、document 对象、screen 对象、history 对象、location 对象、navigator 对象等。 2.1.2. screen 对象 screen 对象每个 Window 对象的 screen 属性都引用一个 Screen...
location对象的属性和方法应用(解析URL)
09-05
在网页开发中，`location`对象是浏览器提供的一种全局对象，它主要用于获取和操作当前页面的URL。这个对象包含了丰富的属性和方法，可以帮助开发者轻松解析和操作URL。下面我们将详细探讨`location`对象的一些主要...
location和history对象
08-08
在前端开发中，`location` 和 `history` 对象是两个至关重要的概念，它们与浏览器的URL导航密切相关。本文将深入探讨这两个对象的功能、用法以及它们如何协同工作以实现网页间的导航。 `location`对象是Window接口...
html文档中的location对象
DarkRake
08-12 816
关于location对象的简单理解： 1.location对象中涵盖了当前页面（本页面）或者更直接的说，是当前加载的这个html文档的url信息 2.location对象作为window对象的一个属性，可以通过window.location老访问 下面顺便介绍一些URL(资源定位符)的相关信息吧： 在浏览器中URL通常由下面几个部分组成的： [协议][host][path][query]
html获取location,HTML location 用法（获取当前URL）
weixin_33253741的博客
06-08 397
Location 对象Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。属性location.href当前文档的完整url，如果被改变，文档将会导航到另一个新的页面，location.protocol当前url所使用的协议，包括结尾的":"location.host获取当前的主机信息，包括...
HTML定位解析
yid789的博客
11-02 277
HTMI定位方式： 一、相对定位：        相对定位的标识符为position:relative;它相对于定位的参照物本身设定相对定位，如果多种元素，它不会脱离当前的层级，其它的元素也不会发生变化。 二、绝对定位：       绝对定位的标识符为position:absolute;它相对于当前的父级标签作为参照物；       如果没找到就继续寻找父级的父级，若一直没找到就以bod
html location方法,JS location对象的使用
weixin_39911066的博客
06-25 279
location 对象包含了浏览器当前显示的文档的 URL 信息。当 location 对象调用 href 属性设置 URL 时，可使浏览器重定向到该 URL。location 对象是 window 对象的一个对象类型的属性，因而可以使用 window.location 来引用它，使用时也可以省略 window。需注意的 document 对象也有一个 location 属性，而且 documen...
html 中的location部分方法
Anni__9468的博客
10-08 766
一.代码 // console.log("URL地址: " + window.location.href); // console.log("主机名: " + window.location.hostname); // console.log("端口: " +
html根据文档定位,html文档中的location对象属性理解及常见的用法
weixin_36447179的博客
06-04 434
关于location对象的简单理解：1.location对象中涵盖了当前页面(本页面)或者更直接的说，是当前加载的这个html文档的url信息2.location对象作为window对象的一个属性，可以通过window.location老访问下面顺便介绍一些URL(资源定位符)的相关信息吧：在浏览器中URL通常由下面几个部分组成的：[协议][host][path][query]协议：常见的协议有：...
html window.location.href 获取url参数,JavaScript获取url参数及Location对象简介
weixin_42299244的博客
06-10 2798
window对名的location属性引用的是Location对象，它表示当前页面文档的URL。Location对象包括：hash 、host、hostname、origin 、port、pathname、protocal、search属性，及：assign、replace、reload方法。获取URL中的各种参数(如：querystring参数、锚点、网址等)都要使用此对象。1､一个js获取ur...
window.location用法
savivy的博客
10-25 571
// location (地址栏对象信息) //http://127.0.0.1:5500/04.location.html console.log(window.location); //host:域名和端口号 console.log(window.location.host); //hostname:域名 console.log(window.location.hostname); ...
打开html自动修改URL,window.location更改URL属性、重定向或刷新页面！！
weixin_33828092的博客
05-31 1745
本篇文章给大家分享一份window.location备忘单！了解如何更改URL属性以及如何在JavaScript中重定向或刷新页面。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。如果你想获取站点的URL信息，那么window.location对象什么很适合你！使用其属性获取有关当前页面地址的信息，或使用其方法进行某些页面重定向或刷新window.location.origin ...
windows.location介绍
HELLOW，文浩
03-01 388
博客分类： JAVASCRIPT JavaScriptASP.netSchemeASP网络协议 URL即:统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成： scheme://host:port/path?query#fragment scheme(通信协议):常用的http,ftp,maito等 host(主机): 服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。 port(端口号)...
html获取location,通过定义JS窗口对象获取url地址location.search部分的参数值
最新发布
05-28
可以通过以下代码获取当前网页 URL 中的参数值： ```javascript // 获取 URL 中的参数部分 var params = window.location.search.substring(1).split("&"); // 将参数转化为对象形式 var paramsObj = {}; for (var i = 0; i < params.length; i++) { var param = params[i].split("="); paramsObj[param[0]] = decodeURIComponent(param[1]); } // 获取指定参数的值 var paramValue = paramsObj["paramName"]; ``` 其中，`params` 变量是一个数组，每个元素为一个参数的名称和值，形如 `"name=value"`。`paramsObj` 变量是一个对象，每个属性为一个参数的名称，对应的值为参数的值。`decodeURIComponent` 函数用于将 URL 编码的字符串解码成可读的字符串。最后，可以通过访问 `paramsObj` 对象中指定属性的方式获取该参数的值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值