把一个url拆解成origin、文件名、hash拆解

最新推荐文章于 2025-07-09 16:25:00 发布
原创 最新推荐文章于 2025-07-09 16:25:00 发布 · 477 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript
文章探讨了URL的构成，包括http://t.csdn.cn/RLFLU作为例子，提到了通过a标签获取URL属性的方法以及使用正则表达式和URLSearchParams处理URL参数。同时，详细阐述了a标签中href属性的不同用法，如绝对URL、相对URL和锚URL。

首先先理解Url是由什么组成的

http://t.csdn.cn/RLFLU

拆解方法：

1.获取URL属性（通过a标签）

http://t.csdn.cn/jU09p

2.正则，URLSearchParams，字符串分割

http://t.csdn.cn/PAMpe

补充：<a/>的href属性

URL超链接的 URL。可能的值：
  • 绝对 URL - 指向另一个站点（比如 href="http://www.example.com/index.htm"）
  • 相对 URL - 指向站点内的某个文件（href="index.htm"）
  • 锚 URL - 指向页面中的锚（href="#top"）

a标签中href=""的几种用法

http://t.csdn.cn/NDGAI

利用a标签自动解析URL分析网址实例
12-02
对于[removed]，我们比较熟悉，它有protocol，hostname，host，port，search，hash，href，pathname等属性，a标签也和[removed]一样，也有这样属性，这样可以方便我们分析网址，闲话少说，上代码。 function parseURL(url) { var a = document.createElement('a'); a.href = url; return { source: url, protocol: a.protocol.replace(':',''), host: a.hostname, port: a.
original:从URL生成来源或检查两个URLOrigins是否相同
05-04
原来的） 原始文件会为给定的URL或URL对象生成原始URL。 除此之外，它还具有一个简单的same功能，可以检查两个URL是否具有相同的来源。 安装 该模块是浏览器化的，并且与节点兼容，因此在npm注册表中发布，可以使用以下方式安装： npm install --save original 用法 在所有示例中，我们假定使用以下命令加载模块： 'use strict' ; var origin = require ( 'original' ) ; 要获取给定URL的来源，只需使用任何给定URL调用origin函数即可获取来源。 var o = origin ( 'https://google.com/foo/bar?path' ) ; // o = https://google.com 要比较两个URL是否共享相同的来源，可以调用same方法。 if ( origin . s
前端浏览器URL路径处理
llj1028的博客
08-11 1048
刚开始想用route的形式去处理，但是拿不到这条路径，之后通过同事点拨，通过window.location的方式获取.origin、.pathname，然后把它们拼起来解决的这个问题。与 assign() 方法不同的是用 replace()替换的新页面不会被保存在会话的历史 History中，这意味着用户将不能用后退按钮转到该页面。、assign() 和直接修改href是等价的，那么它们跟.replace()的区别是什么呢？推荐用window.location，这样一眼就可以看出用的是全局变量。
利用a标签获取字符串url的origin、hash等属性
艾欢欢的博客
03-13 1619
代码： var url = 'https://www.baidu.com/#/?name=baidu' var tag = window.document.createElement('a') tag.href = url console.log(tag.origin) console.log(tag.hash) 输出：
如何从一个 URL 字符串中提取出origin (scheme+domain+port) 信息？
weixin_33950035的博客
12-30 3185
前言 最近遇到一个需求：用postMessage来实现跨域通信。其中有一个注意的地方：即接收方来收到消息时需要对发送方的 origin 进行检查，如果不是目标发送方，则什么都不做，这是出于安全考虑推荐的方式。 我手中有的数据有：消息事件中的 event.origin(即当前发送方的源)、目标发送方的url字符串。所以为了进行安全检查，我得...
url拆解成origin、文件名、hash拆解成示例的格式。
刺客-Andy 的博客
11-02 447
拆解 URL，并获取相应数据
url链接拆解/分析/分解/解剖/提取/...?
再难的事，做着做着也就顺了
04-11 3630
url链接拆解/分析/分解/解剖/提取/…?场景：在某个请求中，需要使用到一个参数，但目前server端只能给到一个链接，且需要的参数就在其中，暂时也不单独提供该参数，那么就从url中提取吧。暂时就这么写来实现功能，优化该功能待完善。先看下执行效果 url拆解成两个串： https://tswes.suff.xrd.com/h5i/home/paperDeul.html accTok=b21f-d
掘金上收集的面试题
马优晨
06-09 813
我觉得这里他给挖坑了，B登录了之后就会返回B用户的token，然后请求头带着的就是B的token，验证到的用户也就是B，我认为没有问题啊。我不太清楚他说的可能会有什么问题值啥情况，可能是我考虑不周全，如果有网友知道可以提醒一下我他想问的答案，让我学习一下。2、你们这项项目中有微信公众号、后台管理端、医生app端和小程序端，有没有提炼出一些公共的工具js，怎么提炼的？5、你做完一个项目之后写一些什么内容，让接手你的人能够看懂你的项目架构，并且迅速上手？1.2、常用的选择器有哪些，优先级怎么样？
真是企业面对面问题
qq_45432996的博客
03-22 324
比如：当我们进行项目的主页的时候，一切正常，可以访问，但是当我们刷新页面或者直接访问路径的时候就会返回404，那是因为在history模式下，只是动态的通过js操作window.history来改变浏览器地址栏里的路径，并没有发起http请求，但是当我直接在浏览器里输入这个地址的时候，就一定要对服务器发起http请求，但是这个目标在服务器上又不存在，所以会返回404。我不太清楚他说的可能会有什么问题值啥情况，可能是我考虑不周全，如果有网友知道可以提醒一下我他想问的答案，让我学习一下。this.a = 1;
URL 拆解问题
weixin_41559579的博客
01-08 726
/** * --- 题目描述 --- * * 实现一个 parseParem 函数，将 url 转化为指定结果 * * --- 测试用例 --- * * 输入：url = 'http://www.domain.com/?user=anonymous&id=123&id=456&city=%E5%8C%97%E4%BA%AC&enabled' * 输出： { user:'anonymous', id:[123,456],// 重复出现的 key 要组装成数组
网络
05-25 5331
NSURLConnection同步，异步与SSL  http://qzc770707.blog.163.com/blog/static/3408275320105249566560/ 通常在iPhone里用NSURLConnection做url请求 1.NSURLConnection同步与异步请求 (1)异步请求： NSMutableData* buf = [[NSMuta
拆解URL
Gloria的博客
11-02 1135
拆解URL 方法一 /** * 1. 实现一个函数，可以对 url 中的 query 部分做拆解， * 返回一个 key - value 形式的 object */ function getQueryObj(url) { var first = url.split('?')[1].split('#')[0].split('&'); var res = {}; for (let i = 0; i < first.length; i++) { if (!first[i]
写出URL的组成格式，并举例说明
CHENLZZZZZ的博客
03-28 479
答：scheme://host.domain:port/path/filename?例如：http://localhost:8080/forum/questions?[协议类型]😕/[服务器地址]:[端口]/[文件路径][文件名]？[查询]#[片段ID]
URL全面解析
guitarist0505的博客
10-12 2809
转载 如何使用 JavaScript 解析 URL ...
URL结构
有志者事竟成-程序员也可以创造优雅的艺术
02-16 2688
一、概念 URL：统一资源定位符 (Uniform Resource Locator, URL)。 完整的URL由这几个部分构成：scheme://host:port/path?query#hash： scheme：通信协议，常用的有http、https、ftp、mailto等。 host：主机域名或IP地址。 port：端口号，可选。省略时使用协议的默认端口，如http默认端口为80。
Python Requests库：URL处理权威指南 - 拼接、拆解与验证
最新发布
YAnt的博客
07-09 1028
本教程是**Python URL处理的终极指南**，全面讲解Requests库中URL的拼接、拆解与验证技术。通过**12个实用代码示例**和**3种可视化工具**，系统掌握URL操作的核心技能。
正则表达式拆分url
热门推荐
zjy_love_java的博客
08-01 1万+
背景 做web开发的同学，经常会有从url中获取二级域名或者主域名或者参数等等需求，需要扎实的正则功底。本文提供一个全面的url拆分案例，需要哪个部分用哪个部分。 案例 将url的各个部分拆开，让我想取哪部分就取哪部分？ url: http://www.baidu.com/love/java?lang=java regex: (\w+):\/\/([^/:]+)(:\d*)?([^# ]*) 使用js举例 var url = "http://www.baidu.com:80/love/java?lang=
url各部分组成分解
Pepper.B的专栏
03-25 7500
url各部分组成分解介绍: 关于url可能大家都不陌生，第一印象就是网址。 但是深究起来，不少朋友并明白里面的一些细节，下面就来进行一下分解。 scheme://host:port/path?query#fragment: （1）.scheme:通信协议，常用的http,ftp,maito等。 （2）.host:主机，服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。 （3）
常用正则规则、地址URL拆分
yiyueqinghui的博客
03-28 4284
验证金额 正则验证 （输入时、输入完毕时验证皆可） let reg = /(^[1-9][0-9]{0,8}([.][0-9]{0,2})?$)|(^0?(\.[0-9]{0,2})?$)/ //输入金额不正确，最低精确到分,最高不能超过亿! 提交金额时（将 .8 / 1234. 形式转化为数字形式） if(money == '.') money = 0; let realNumb......
接口请求中调试可以看到Origin，其具体的作用
HGX-DJK
12-25 1983
接口请求中带 Origin 是浏览器在跨域请求时自动添加的一个 HTTP 请求头，用于标识请求的来源（源）。Origin 头的主要作用是支持跨域资源共享（CORS）和增强安全性。当用户在一个站点登录后，如果第三方恶意站点伪造请求（如通过表单提交），Origin 头可以帮助服务器判断请求是否来自可信源。如果你在开发接口或调试请求，看到 Origin 头，通常意味着浏览器检测到了跨域，并向服务器声明了来源。当浏览器检测到请求跨域（即源与目标服务器不同），会自动添加 Origin 头，以告知服务器请求来源。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值