【JavaScript学习笔记】location对象--获取URL参数

最新推荐文章于 2023-08-23 11:27:04 发布
最新推荐文章于 2023-08-23 11:27:04 发布
阅读量198 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wxleader/article/details/119030656
版权
本文详细介绍了如何使用JavaScript中的location对象、search属性、substr方法以及split函数来获取URL参数。通过实例展示了从URL中解析参数的过程，适用于前端开发者理解和操作网页URL参数。
摘要由CSDN通过智能技术生成

​

获取URL参数
关键知识点：

  • location对象
  • location.search
  • substr

![图片.png](https://img-blog.csdnimg.cn/img_convert/043892422ae1c33e540587404fe38b22.png#clientId=u4b79128c-ce07-4&from=paste&height=51&id=u3b2bf0f7&margin=[object Object]&name=图片.png&originHeight=101&originWidth=964&originalType=binary&ratio=1&size=112645&status=done&style=none&taskId=u5752dfc3-8d7f-49e5-90f7-b2432363a52&width=482)

  • split

![图片.png](https://img-blog.csdnimg.cn/img_convert/e3f1193e99205b6aced061c5849f8373.png#clientId=u4b79128c-ce07-4&from=paste&height=55&id=u3f5573cf&margin=[object Object]&name=图片.png&originHeight=109&originWidth=823&originalType=binary&ratio=1&size=103207&status=done&style=none&taskId=u3f2d4303-31ff-4566-bfe7-a1ccf747085&width=411.5)
login.html
![图片.png](https://img-blog.csdnimg.cn/img_convert/5e56459a806a6a4b00b8d2ba4d97d09c.png#clientId=u4b79128c-ce07-4&from=paste&height=136&id=u76ba4cf0&margin=[object Object]&name=图片.png&originHeight=272&originWidth=1110&originalType=binary&ratio=1&size=140947&status=done&style=none&taskId=u82254740-9e7e-4b27-9bc0-c14baed211c&width=555)
![图片.png](https://img-blog.csdnimg.cn/img_convert/7ec4aab1f1ebef82d2525931220100de.png#clientId=u4b79128c-ce07-4&from=paste&height=170&id=u3e6db6b5&margin=[object Object]&name=图片.png&originHeight=339&originWidth=573&originalType=binary&ratio=1&size=59171&status=done&style=none&taskId=u8edea23c-3623-4e0a-b740-2e6e7f3f50c&width=286.5)
index.html
![图片.png](https://img-blog.csdnimg.cn/img_convert/0b39f60e117e8f75d6e92cd11fab33c7.png#clientId=u4b79128c-ce07-4&from=paste&height=374&id=u644a7638&margin=[object Object]&name=图片.png&originHeight=748&originWidth=1385&originalType=binary&ratio=1&size=408732&status=done&style=none&taskId=uba141d82-52c9-4d39-9569-dd89759241c&width=692.5)![图片.png](https://img-blog.csdnimg.cn/img_convert/e620a2539767201db20a635f3607a7e8.png#clientId=u4b79128c-ce07-4&from=paste&height=267&id=u4a52ceac&margin=[object Object]&name=图片.png&originHeight=534&originWidth=1231&originalType=binary&ratio=1&size=86504&status=done&style=none&taskId=u4aaa5357-e8e3-49b7-9ec4-96391a84d9a&width=615.5)![图片.png](https://img-blog.csdnimg.cn/img_convert/6d551cfaf8685f72a3c8b7414cd35e49.png#clientId=u4b79128c-ce07-4&from=paste&height=293&id=u88d883ca&margin=[object Object]&name=图片.png&originHeight=585&originWidth=1558&originalType=binary&ratio=1&size=153690&status=done&style=none&taskId=u8a6f5305-eefb-4d5f-a04b-cea3a3728fb&width=779)学习链接：https://www.bilibili.com/video/BV11t4y1i7ht?p=283

我要努力要变强要优秀
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DOM 节点的克隆和导入
编程三昧
02-19 1659
在使用 JS 操作 DOM 节点的时候，我们常常会用到克隆（或导入）节点的操作，那到底有哪些方法可以实现节点克隆（或导入）的效果呢？
dom 之克隆节点
天天的博客
11-12 145
之所以贴图片就是为了让大家自己去敲着玩！
dom的节点克隆
m0_60121436的博客
11-16 500
要复制的节点.cloneNode(); //括号里不带参数和带参数false，效果是一样的。 要复制的节点.cloneNode(true);//深客隆 克隆完毕还需要把元素添加进节点 function clonRed() { var addClon = AddDiv.cloneNode(true) boxEl.appendChild(addClon) } ...
DOM中的克隆节点
安静的对折的专栏
09-18 2010
克隆节点 cloneNode()克隆节点 cloneNode(false) 浅拷贝，只拷贝当前标签节点，而不拷贝标签节点中的内容以及子节点， cloneNode(true) 深拷贝，标签中的所有内容全部都拷贝 Document 1111 2222 3333 4444 var ul = document.get
JavaScript JS利用location对象获取页面url、服务器地址、端口号、项目根路径和查询参数
chuangxin的专栏
07-29 4546
本文讲述JavaScript简称JS如何利用location对象获取页面url地址(href)，服务器地址(hostname)，服务器端口号(port)，context path，项目部署路径或项目根路径及url查询参数解析，涉及location对象各属性读取、字符串查找和截取、正则表达式应用等知识点。
JavaScript学习笔记之内置对象
11-30
在这个学习笔记中，我们将探讨JavaScript的内置对象，主要包括Window、Screen、Location、History等，它们都是JavaScript环境中非常重要的组成部分。 首先，Window对象是JavaScript的核心，它代表了浏览器的窗口。...
JavaWeb02-JavaScript学习笔记
08-22
JavaScript基础知识点 JavaScript是一种脚本语言...本笔记涵盖了JavaScript的基础知识点，包括变量、数据类型、流程控制语句、函数、数组、对象、JSON、BOM和Location等概念，为学习JavaScript提供了一个良好的基础。
JavaScript学习笔记
04-10
### JavaScript学习笔记 #### JavaScript简介 JavaScript是一种广泛使用的脚本语言，主要应用于Web前端开发，用来为网页添加交互性。JavaScript不仅可以操作HTML和CSS，还能处理数据、响应用户输入，并与服务器通信...
JavaScript 学习笔记（十一）
10-29
### JavaScript 学习笔记（十一）：深入理解 Document 对象 #### 一、Document 对象概述 在继续探讨 `document` 对象之前，我们先简要回顾一下 `document` 在 Web 开发中的重要性。`document` 对象代表当前加载在...
Ruffy javascript 学习笔记
12-02
在Ruffy的JavaScript学习笔记中，主要涉及了几个关键概念：原型模型、继承、CSS盒模型、图像处理、反射机制、HTML表格属性以及Base64编码。 1. **JavaScript的原型模型**：在JavaScript中，对象可以通过构造函数...
DOM节点克隆
weixin_30699741的博客
05-23 348
var newDiv = red.cloneNode();document.body.appendChild(newDiv);注意：1、默认只克隆元素本身；设置参数为true，进行深度克隆，可以克隆元素的子元素等所有元素2、元素绑定的事件并不会随着元素的克隆而被携带 ===========================相关示例代码如下===========================...
Dom增删改查,克隆节点
weixin_42187676的博客
09-05 158
DOM节点操作：创建，增加，克隆
zxygww的专栏
07-28 1531
http://blog.sina.com.cn/s/blog_6b9930a301015yqu.html 创建新的元素节点 createElement_x_x() 方法创建新的元素节点： xmlDoc=loadXMLDoc("books.xml"); newel=xmlDoc.createElement_x_x("edition"); x=xmlDoc.getEl
window.location 方法获取URL
从来无所求，所得皆惊喜！
07-03 3510
URL 代表着是统一资源定位符（Uniform Resource Locator）。 URL 无非就是一个给定的独特资源在 Web 上的地址。理论上说，每个有效的 URL 都指向一个唯一的资源。这个资源可以是一个 HTML 页面，一个 CSS 文档，一幅图像，等等。而在实际中，也有一些例外，最常见的情况就是一个 URL 指向了不存在的或是被移动过的资源。...
window.location获取url各项参数详解
最新发布
weixin_45392204的博客
08-23 1106
window对象是BOM的核心，window对象指当前的浏览器窗口window.location方法后还还可以带href，search等参数URL即：统一资源定位符 (Uniform Resource Locator，URL) 完整的URL由这几个部分构成： scheme：//host:port/path?query#fragment scheme：通信协议 常用的http，ftp，maito等location对象 含有当前URL的信息， 属性 href 整个URL字符串 protocol 含有URL第一部
URL格式解析(参考百度百科)
gaojie12的博客
10-21 817
URL组成：协议、主机、端口、路经 一般的语法格式： protocol :// hostname [:port] / path [:prarmeters] [?query] #fragment protocol：协议
通过Javascript获取URL中?后面的参数
lrspace的专栏
04-16 1211
通过Javascript获取URL中?后面的参数目录通过Javascript获取URL中后面的参数 目录 1通过Javascript编写函数解析 2通过ArcGIS JS API自带函数解析本文主要是记录自己在项目中使用过的获取URL地址?后面参数的方法。以http://www.xxx.com/xxx?department=depart0&user=aaa 地址为例。1、通过Javascript编写
【JS】window.location获取url各项参数详解
在这里你大概率会有所收获，欢迎指错||纠正||建议||水评+点赞&&评论&&关注&&转发
09-22 8523
window.location方法后还还可以带href,search等参数，下面我们来看看获取url各项参数的办法。 URL即:统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成： scheme://host:port/path?query#fragment scheme:通信协议 常用的http,ftp,maito等 http://localhost/test/test.htm?id=1 代码如下 复制代码 location对象 含有
html window.location.href 获取url参数,JavaScript获取url参数及Location对象简介
weixin_42299244的博客
06-10 2833
window对名的location属性引用的是Location对象，它表示当前页面文档的URL。Location对象包括：hash 、host、hostname、origin 、port、pathname、protocal、search属性，及：assign、replace、reload方法。获取URL中的各种参数(如：querystring参数、锚点、网址等)都要使用此对象。1､一个js获取ur...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值