window.location.href 传递参数以及 接收参数的方式

前提:两个不同的项目地址,但是在A项目中某个按钮跳转到B项目中。

A项目某页面传参:

// 定义参数
let param1 = "value1";// 设置window.location.href
window.location.href = "http://localhost:3000/selectData?paramData="+ param1;ps:
//encodeURIComponent 用于对参数值进行编码,以确保在 URL 中是安全的
//let param= "?param1=" + encodeURIComponent(param1)

B项目某页面接参:

// 获取当前 URL 
let currentUrl = window.location.href; 
// 提取查询字符串部分
let queryString = currentUrl.split('?')[1]; 
if (queryString) {// 使用 URLSearchParams 对象解析查询字符串 
let params = new URLSearchParams(queryString); 
// 获取特定的查询参数 
let paramValue = params.get('param1');console.log('接收的参数===', paramValue); 
} else { 
console.log('URL中没有参数');}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/57149.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

try increasing the minimum deployment target IOS

最近Xcode真机运行报以下错误: SDK does not contain ‘libarclite’ at the path ‘/Users/XX/Desktop/CSDN/Xcode-beta.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/lib/arc/libarclite_iphoneos.a’; try increasing the minimum deployme…

MarkDownload 剪裁网页插件配置使用全流程

前言 写在前面,大家有什么问题和需要可以跟我交流 需求 之前一直使用 Joplin 的剪裁网页功能,但是剪裁下来后不可避免的需要使用 Joplin 对剪裁下来的内容做处理,Joplin 用起来不是很习惯,所以在想可不可以用 Obsidian 来实现网…

【luogu P2148】 ED(SG函数)

参考另一位dalao的文章,无恶意 学习博弈论也可返回另一篇笔记 题目描述 小 E 与小 W 进行一项名为 E&D 游戏。 游戏的规则如下:桌子上有 2 n 2n 2n 堆石子,编号为 1 ∼ 2 n 1 \sim 2n 1∼2n。其中,为了方便起见&#xf…

雷池WAF自动化实现安全运营实操案例终极篇

免责声明 本教程仅为合法的教学目的而准备,严禁用于任何形式的违法犯罪活动及其他商业行为,在使用本教程前,您应确保该行为符合当地的法律法规,继续阅读即表示您需自行承担所有操作的后果,如有异议,请立即停…

OpenShift 4 - 云原生备份容灾 - Velero 和 OADP 基础篇

《OpenShift 4.x HOL教程汇总》 说明: 本文主要说明能够云原生备份容灾的开源项目 Velero 及其红帽扩展项目 OADP 的概念和架构篇。操作篇见《OpenShift 4 - 使用 OADP 对容器应用进行备份和恢复(附视频) 》 Velero 和 OADP 包含的功能和模…

JS中的toFixed()

最近使用到一个方法,有点特殊,记录下。toFixed() 它的返回值是字符串,在计算时需要注意。它的保留小数使用的是银行家算法,这里简单记录一下。 银行家舍入:所谓银行家舍入法,其实质是一种四舍六入五取偶&a…

干货|react router- loader 和组件 useEffect 加载数据的选择

loader 的优点: 集中式数据加载: 通过路由配置直接管理数据加载逻辑,将路由与数据需求紧密结合,减少组件中的逻辑复杂度。适合大型应用,在多级路由和页面跳转时更好地管理数据加载逻辑,避免在组件中重复处理…

three.js 毛玻璃着色器的效果

three.js 毛玻璃着色器的效果 在线链接:https://threehub.cn/#/codeMirror?navigationThreeJS&classifyshader&idgroundglass 国内站点预览:http://threehub.cn github地址: https://github.com/z2586300277/three-cesium-examples import…

MySQL基础笔记小结

1. mysql : 1.1启动与停止mysql: net start mysql80 net stop mysel80 1.2客户端连接: 2种,系统cmd与自带的cmd(直接打开) mysql -u root-p 1.2.1 数据存储 RDBMS:关系型数据库:建立在关系模型基础上&…

在海外留学/工作,如何报考微软mos认证?

重点首先得强调的是,即使在海外也可以顺利地在国内获取微软MOS认证! 01 微软mos认证简介 Microsoft Office Specialist 简称MOS。是微软公司和第三方国际认证机构、全球三大IT测验与教学中心之一的思递波/Certiport公司于1997年联合推出的,…

[python]numpy和numpy+mkl区别

NumPy是Python中一个开源的科学计算库,它使得Python能够支持大量的数组或者矩阵运算,以及其他科学计算上常用的函数。而NumPyMKL(Intel Math Kernel Library)则是在NumPy的基础上加入了Intel Math Kernel Library(MKL&…

python爬虫,爬取网页壁纸图片

python爬虫实战,爬取网页壁纸图片 使用python爬取壁纸图片,保存到本地。 爬取彼岸图网,网站地址https://pic.netbian.com/ 本人小白,记录一下学习过程。 开始前的准备 安装python环境,略。 python编辑器pycharm2…

WPF入门_03路由事件

1、如何定义路由事件 1)事件定义 public static readonly RoutedEvent ClickEvent; 2)事件注册,Button按钮的Click事件是继承于ButtonBase基类的 ClickEvent = EventManager.RegisterRoutedEvent("Click", RoutingStrategy.Bubble, typeof(RoutedEven…

ThinkPad T480拆机屏幕改装:便携式显示器DIY指南

ThinkPad T480拆机屏幕改装:便携式显示器DIY指南 本文记录了将旧笔记本电脑 T480 拆机屏幕改装为便携式显示器的全过程。作者在决定升级设备后,选择通过 DIY 方式利用原有的屏幕资源。文章详细介绍了屏幕驱动板的安装、螺丝孔的剪裁、排线连接及固定的步…

[AWS]RDS数据库版本升级

背景:由于AWS上mysql5.7版本不再支持,需要进行版本升级。 吐槽:每年都要来那么几次,真的有病一样,很烦。 步骤一、升级检查 AWS提供了一个python的升级检测脚本,可以按照一下脚本下载测试: [r…

本地缓存少更改、小数据、低一致表的思考

对于那些少更改、小数据的表,以及对一致性要求不高的业务,其实完全可以通过本地缓存将表数据缓存到本地内存中,然后通过定时机制拉取表更新数据 直接从内存中获取数据,将会使得查询性能得到巨大的提升,并且由于更改少…

Kibana可视化Dashboard如何基于字段是否包含某关键词进行过滤

kinana是一个功能强大、可对Elasticsearch数据进行可视化的开源工具。 我们在dashboard创建可视化时,有时需要将某个index里数据的某个字段根据是否包含某些特定关键词进行过滤,这个时候就可以用到lens里的filter功能很方便地进行操作。 如上图所示&…

架构师备考-背诵精华(系统架构评估)

系统架构评估是在对架构分析、评估的基础上,对架构策略的选取进行决策。它利用数学或逻辑分析技术,针对系统的一致性、正确性、质量属性、规划结果等不同方面,提供描述性、预测性和指令性的分析结果。 重要概念 敏感点:敏感点是…

大数据面试题整理——MapReduce

系列文章目录 第一章 HDFS面试题 第二章 MapReduce面试题 文章目录 系列文章目录一、请简要解释一下 MapReduce 的工作原理。二、什么是 map 函数和 reduce 函数?它们的作用分别是什么?三、如何处理数据倾斜问题在 MapReduce 中?四、在 MapR…

docker 下载netcore 镜像

dotnet-docker/README.runtime.md at main dotnet/dotnet-docker GitHub docker pull mcr.microsoft.com/dotnet/runtime:8.0 docker pull mcr.microsoft.com/dotnet/runtime:3.1