Javascript获取url里面的一些东西

最新推荐文章于 2024-05-12 16:07:53 发布
原创 最新推荐文章于 2024-05-12 16:07:53 发布 · 94 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript #ViewUI

本文深入解析了网页URL中的关键属性，包括hash、host、hostname、href、pathname、port、protocol和search。详细介绍了这些属性的作用及获取方法。


属性 描述 
hash 设置或获取 href 属性中在井号“#”后面的分段。 
host 设置或获取 location 或 URL 的 hostname 和 port 号码。 
hostname 设置或获取 location 或 URL 的主机名称部分。 
href 设置或获取整个 URL 为字符串。 
pathname 设置或获取对象指定的文件名或路径。 
port 设置或获取与 URL 关联的端口号码。 
protocol 设置或获取 URL 的协议部分。 
search 设置或获取 href 属性中跟在问号后面的部分。

 

以上用location点出来

利用js或ajax或php获取请求头及里面东西的方法
qq_49416650的博客
09-20 8246
前端一些获取请求头或请求参数token'方法
2025 华为OD机试（JavaScript）真题【E卷+A卷+B卷+C卷+D卷】目录+在线OJ
热门推荐
MISAYAONE的博客
02-10 8万+
华为OD机试真题题库【E卷+A卷+B卷+C卷+D卷】目录，JavaScript实现。
JS获取地址栏url所有信息的方法
05-02
通过事例说明使用JS获取地址栏url所有信息的方法。
javascript 获取GET方法的参数
yanick技术博客
09-08 979
    url = location.search.substr(1);    if(url.length > 0)     {      ar = url.split(/[&=]/);      for(i=0;i      {        alert("参数:"+ar[i]+":"+ar[i+1]+"");      }    }    a href=?a=你好&room=aw
js 获取get参数
weixin_34268610的博客
11-27 120
function get_val(url,key) { var two= url.split("?"); var right= two[1]; var values = right.split("&"); var ret = ''; for(var i = 0; i < values.length; i++ ) { var one= values[i]; var val=o...
js获取地址栏内容
妖月风的专栏
03-31 560
无标题文档 function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return unescape(r[2]);
js获取地址栏地址
xiaoerbuyu1233的博客
05-12 554
【代码】js获取地址栏地址。
vue-print-nb打印url里面的东西
最新发布
03-27
为了实现使用 `vue-print-nb` 插件打印从 URL 获取的数据或页面内容，可以按照以下方法操作： #### 安装与全局挂载 首先需要确保插件已正确安装并挂载到项目中。可以通过 npm 或 yarn 进行安装： ```bash npm ...
前端面试汇总-JavaScript
分享前端工程化、动效魔法与性能之舞！
06-19 1467
JavaScript共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。其中 Symbol 和 BigInt 是ES6 中新增的数据类型：Symbol 代表创建后独一无二且不可变的数据类型，它主要是为了解决可能出现的全局变量冲突的问题。BigInt 是一种数字类型的数据，它可以表示任意精度格式的整数，使用 BigInt 可以安全地存储和操作大整数，即使这个数已经超出了 Number 能够表示的安全整数范围。
使用Nuxt.js的asyncData服务端异步获取数据
weixin_44466651的博客
12-09 1261
前情 - 访问地址：http://localhost:3000/artical/articalDetail/fc4342ffb0884d609fe1cb39f1911a2f 前情 - 目录结构：（名字有所出入，不过不影响） 一开始的解法，觉得是路由路径的最后一项 async asyncData({ route }) { let path = route.path.split("/"); let uuid = path[path.length - 1]; const { data: detail
(JS获取地址栏url所有信息的方法
03-08
论JS获取地址栏的信息的方法
weixin_44021343的博客
10-09 406
当我们需要在html/Jsp页面中获取地址栏中我们需要的信息的时候，那么，下面的方法就有用的了????????，下面主要是通过两种方式来获取地址栏中的信息： 方法一：采用正则表达式获取地址栏参数：（ 强烈推荐，既实用又方便！） function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|...
js之得到地址栏地址
xclsky的博客
12-29 1万+
1 js来得到地址栏中的地址，有几种方法： 第一种：window.location.href。 第二种：document.URL。 第三种: document.location.href。 如：alert(window.location.href);     alert(document.URL);     alert(document.location.href);
JS get 方法参数
09-14 713
function getPar(par){ //获取当前URL var local_url = document.location.href; //获取要取得的get参数位置 var get = local_url.indexOf(par +"="); if(get == -1){
JS获取地址栏的地址
温故知新
02-28 541
self.location.href
JS之——获取GET参数
冰河的专栏
11-03 1887
废话不多说直接上代码 function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return unescape(r[2]); re
js获取get请求参数
谁的博客
07-01 7197
描述 页面跳转时获取url问号后面带的参数 触发在html或者js中都可以 实施 js var $_GET = (function(){ var url = window.document.location.href.toString(); //获取的完整url var u = url.split("?"); if(typeof(u[1]) == "strin...
用JS获取地址栏参数的方法
u012826756的专栏
04-19 5380
方法一：采用正则表达式获取地址栏参数：<html> <head> </head> <body> <script type="text/javascript"> alert(GetQueryString("id")); function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "
JS获取地址栏参数的方法（原生、vue、angular、react）
富朝阳的博客
05-22 1万+
若地址栏URL为：code-nav/article/917?type=12&title=abc，我们要获取到地址栏后面的的type和title参数，如何才能拿到呢？我们需要从地址code-nav/article/917?type=12&title=abc上拿到title的value abc。我们需要从地址code-nav/article/917上拿到917这个参数。接着就可以在home.vue组件中通过路由useRouter得到参数，注意是。如果文章对你有所帮助，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值