js location.href 和 location.origin等location对象属性

已于 2022-03-31 11:00:24 修改
阅读量2.6k 收藏 2
点赞数 2
分类专栏： JavaScript 文章标签： 前端 JavaScript
于 2022-03-29 19:49:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40146789/article/details/123830233
版权

1、location.href

当前页面的完整地址，包括参数

2、location.origin

当前页面的域名

补充知识：

Location 对象

Location 对象包含有关当前 URL 的信息。

Location 对象是 window 对象的一部分，可通过 window.location.xxx 格式的相关属性对其进行访问。

Location 对象属性

属性

描述
hash返回一个URL的锚部分
host返回一个URL的主机名和端口
hostname返回URL的主机名
href返回完整的URL
pathname返回的URL路径名。
port返回一个URL服务器使用的端口号
protocol返回一个URL协议
search返回一个URL的查询部分

记录于2022-3-31

今天超市大减价
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
top.location.href 没有权限 解决方法
12-09
在JavaScript编程中，`top.location.href` 是一个用于更改或获取顶级窗口（即最外层的框架或浏览器窗口）URL的属性。这个属性允许开发者控制页面的导航行为，例如重定向用户到另一个网页。然而，当在一个iframe内...
location-origin.js:[removed].origin 的 Polyfill
06-24
location-origin.js Polyfill // On http://localhost:8888/path/to/page.html#hash?search=foobar window . location . origin ; //=> "http://localhost:8888" 安装 包管理器 bower install location-origin ...
JavaScript中location对象使用【详解】
sjs52406的博客
01-04 1386
本篇文章主要在于，了解并会使用JavaScript中location对象
window.location.origin
manyao03的博客
08-10 7658
window.location.origin
动态获取地址，window.location.origin获取不到
最新发布
wwf1225的博客
06-05 352
是一个只读属性，它返回页面的原始URL（即协议、主机和端口）。（现代浏览器如Chrome、Firefox、Safari和Edge都支持）。是一个较新的属性，可能在较旧的浏览器中不被支持。确保你的代码在页面完全加载后执行。被浏览器的安全策略或内容安全策略（CSP）阻止。对象完全加载之前执行，可能会导致无法获取到。检查是否有相关的安全策略阻止了访问。代码执行时机问题：如果你的代码在。确保使用的浏览器支持。
浏览器中location详解
qq_42880714的博客
08-04 1951
浏览器中location详解
location.origin 兼容性处理
細水、長流√的专栏
05-20 2155
location.origin 可以获取 当前协议 + 域名，但是低版本IE是不支持这个属性的，需要做一下兼容： let origin = window.location.origin; // protocol 当前 URL 的协议 // hostname 当前 URL 的主机名 // port 当前 URL 的端口号 if (!origin) { origin = window.location.protocol + '//' + window.location.hostname + (.
vue实时获取路由地址
qq_42855675的博客
02-20 3293
文章目录方式一：window.location方式二：vue-router1.this.$router的内容：（1）this.$router.fullPath:（2）this.$router.hash（3）this.$router. 测试网址：http://www.myurl.com:8866/test?id=123&username=xxx 方式一：window.location 1.window.location.href（当前URL）     &nbsp
Location 对象，URL 对象，URLSearchParams 对象
web前端开发
04-07 798
作者 | 阮一峰URL 是互联网的基础设施之一。浏览器提供了一些原生对象，用来管理 URL。1、Location 对象Location对象是浏览器提供的原生对象，提供 URL 相关的信...
nuxt.js根据开发环境配置BASE_URL和NODE_ENV
01-03
第二步：配置BASE_URL和NODE_ENV package.json配置，这里的 BASE_URL PORT自行替换 //package.json scripts: { dev: cross-env NODE_ENV=development BASE_URL=10.181.5.65 PORT=3001 nodemon server/index.js --...
从URL中提取参数与将对象转换为URL查询参数的实现代码
12-07
对于一个真实的URL地址，可以用js来读取location中的相关信息来获得某些信息，下面列举一些： 代码如下: location.origin : http://localhost【域】 location.pathname : /project_js/Javascript/js_basic/demo/...
ffmpeg_nginx_vlc_src2.rar
05-14
总结起来，"ffmpeg_nginx_vlc_src2.rar"提供的资源可能包含了实现Windows环境下RTMP和HLS直播所需的全部组件：FFmpeg用于推流和拉流，Nginx+RTMP模块作为流媒体服务器，而Video.js则是客户端的播放器。通过这些工具...
js获取域名：location.origin
日志
11-22 8994
域名： location.origin 主要常用的代码： 主机、域名： location.host 锚点： location.hash 域名： location.origin 请求路径： location.pathname 端口： location.port 协议： location.protocol url中请求参数： location.search ...
location.origin
Yetian_2000的博客
11-03 2786
window.location.origin这个获取url中包含了端口（域名或ip+端口），不需要再另外添加端口window.location.port
Window.location 详细介绍
LuckyTHP
02-28 5978
js
window.location.origin 拼接延伸地址以及参数
m0_63339516的博客
07-13 455
【代码】window.location.origin 拼接延伸地址以及参数。
js中location对象详解
RayShyy的博客
03-16 9161
location 是最有用的 BOM 对象之一，提供了当前窗口中加载文档的信息，以及通常的导航功能。主要是对浏览器url地址相关数据的获取和定义。 1. location常用属性 location.href: 返回当前页面的完整的URL地址； location.search: 返回URL后面的参数(类似于"?name=lc&age=20")； location.protocol: 返回页面使用的协议(通常是"http:“或"https:”)； location.host: 返回页面的域名及端口.
js相关知识
m0_56409728的博客
01-07 622
本文主要介绍了学习js的一些基础知识，包括语法和使用方法等。
html 设置origin,HTML Location origin用法及代码示例
weixin_36143290的博客
06-24 1166
HTML中的DOM位置来源属性用于返回URL的协议，主机名和端口号。这是一个只读属性。用法:location.origin返回值：此方法返回一个String值，表示协议，域名(或IP地址)和端口号。具有“ file：//”协议的网址可能会根据浏览器返回不同的值。注意：某些浏览器可能不显示端口号。以下示例说明了上述方法：例：DOM Location Origin PropertyGeeksforGe...
new URL(window.location.href).origin
12-08
`new URL(window.location.href).origin`是一个JavaScript语法，用于获取当前页面的源（origin），即协议（protocol）、主机（hostname）和端口（port）的组合。这个语法会返回一个字符串，例如`https://www.example.com:8080`。在这个例子中，协议是`https`，主机是`www.example.com`，端口是`8080`。这个语法可以用于获取当前页面的源，也可以用于获取其他URL的源。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值