h5两个html界面传值 getUrlParam()方法

原创

已于 2023-05-10 10:32:08 修改 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端 #javascript

于 2021-12-30 15:25:28 首次发布

本文介绍了在H5中如何通过getUrlParam()方法实现不同HTML界面之间的参数传递。首先，该方法在全局JavaScript文件中被封装，然后在目标页面引入并调用此全局JS来获取链接中的参数。

获取跳转页面链接里的参数

1，在全局js里封装一个方法
在这里插入图片描述
代码：

function getUrlParam(name) {
   
   
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

钟Bubble

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

你真的熟练运用 HTML5 了吗，这10 个酷炫的 H5 特性你会几个？

努力是为了站在万人之中，成为别人的光

07-05

26万+

HTML5不是什么新鲜事。自初始版本（2008 年 1 月）以来，我们一直在使用它的几个功能。我再次仔细查看了 HTML5 功能列表。看看我发现了什么？到目前为止，我还没有真正使用过很多！在本文中，我列出了 10 个这样的HTML5功能，这些功能过去我用得不多，但现在发现它们很有用。我还创建了一个工作示例流程并托管在Netlify. 希望你也觉得它有用。让我们开始了解有关它们中的每一个的解释、代码和快速提示。 https://wanghao221.github.io/html-tips-tricks/

uni-app嵌套H5，H5向uniapp传值

kinghuahua

08-06

5293

实时获取百度地图经纬度，传值uniapp

参与评论您还未登录，请先登录后发表或查看评论

MUI：页面传参终极版

热门推荐

青峰专栏

11-03

2万+

页面传参数是一种比较常见的业务需求，根据实现原理及适用环境可以分为两大类。在普通浏览器端常用的方法有如下几种： 1.利用URL传参在页面跳转的时候通过设置window.location.href添加参数，在接收参数的页面通过window.location.search获取参数字符串。发送参数的页面： window.location.href = 'new.html?ta

前端HTML网页之间传递数据多种办法，附代码案例

long_songs的博客

03-29

1万+

目前常用的有三种办法session传递，cookie传递，url传递url会暴露参数，其余的两个是保存在服务端和浏览器中，不会暴露在地址栏里面下面依次介绍。

关于html页面之间传值的几种方式

翎墨袅

10-30

2295

1、get方式，url携带参数可以通过window.location.search获取url上的参数。如下面的示例。 a.html 跳转 b.html getUrlParam.js UrlParam = function() { // url参数　　var data, index; 　　(function init() { 　　　　data = []; //值，如[[“1”,“2”],[...

jsp、html页面通过 getUrlParam()来接收参数

LEN程序员的一生

07-26

1768

function getUrlParam(k) { var regExp = new RegExp('([?]|&)' + k + '=([^&]*)(&|$)'); var result = window.location.href.match(regExp); if (result) { return decodeURIComponent(result[2]...

两个HTML页面进行数值传递

一只洒鹿

04-15

3876

目录解决方案：方案1：一个数值的传送方案2：可以进行多个数据的传递方案3：数值存储法正题：原因：有时候上一个页面的部分数值需要在下一个页面内进行应用，这就需要进行页面之间的值传递。解决方案：方案1：一个数值的传送实现结果：将a.html中的数值传递给了b.html demo： a.html <!DOCTYPE html> <h...

h5和iOS原生交互,h5和iOS互相传值

u014616159的博客

07-23

9822

Angular 4.x+Ionic3踩坑之Ionic 3.x界面传值详解

11-28

这里所说的正向传值指的是如有两个页面，我们简称页面A 和页面B,正向指的是A跳转到B,比如一个商品跳转这个商品的详情页面。正向传值Ionic3.x主要有2种标签上直接跳转 Js跳转 1) 标签上直接跳转 Ionic3.x对...

h5通过js 获取上一级页面中的参数问题

xionggegehao的博客

06-20

2332

1.上一级页面跳转： window.location.href= encodeURI("product1-show.html?name=znyj");（1）.product1-show.html 页面，（2）.name=znyj 拼接参数。2.下级页面js 接收。 var url = window.location.search; var urlResult=[]; var ar...

getUrlParam.js

07-31

主要用于两个html界面传值，通过getUrlParam可以获取参数，详见https://blog.youkuaiyun.com/krismile__qh/article/details/97929498

H5 获取页面传递参数

weixin_45561965的博客

03-21

1137

如何获取页面传递的参数 Function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + “=([^&]*)(&|$)”); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; }

iframe 与 h5 或其他vue页面传值，详解传递参数的方法和技巧

最新发布

sun_jinlin的博客

05-13

4807

在网页开发中，我们经常会使用iframe标签来嵌入其他网页或者文档。而iframe传值则是指在嵌入的iframe中传递参数的一种技术。通过传递参数，我们可以在嵌入的iframe中获取到父页面传递过来的数据，从而实现不同页面之间的数据交互。

外部h5跳转小程序页面传递参数

weixin_61136070的博客

10-14

3703

外部h5跳转小程序并进行参数传递

关于app跳转vueh5页面时获取url附带的参数_h5唤起app技术deeplink方案总结

weixin_39789101的博客

12-01

1740

前言唤醒方式：1、URL Schemes2、android appLink3、chrome intent1、DeepLink实践URL Schemes方式a、需要在AndroidManifest.xml文件进行配置<activityandroid:name=".ui.activity.SplashActivity"android:exported="true"android:scr...

uniapp h5在开发环境及部署中获取url携带参数的方法

wangchaohpu的博客

08-05

5731

1、开发环境中参数写在哪个位置 http://localhost:8080/#/?salt=111&salt2=222 在“/#/”后面写参数 2、部署中参数写在哪个位置 http://vd.ydzykj.com/h5/#/?salt=111 在“/#/”后面写参数 3、在启动页中，即pages.json中配置的第一个页面，通过下面的方法获取参数 onShow() { // #ifdef H5 let params = this.getRequestParams(); let

html页面获取传过来的参数,获取静态html页面载入时传入的参数

weixin_42241168的博客

06-03

798

function getParam(param){var query = window.location.search.substring(1);var iLen = param.length+1; //增加等号长度var iStart = query.indexOf(param+"=");if (iStart == -1) return "";var iEnd = query.indexOf(...

前端之路：js跨页面传参(H5 web storage)

qq_33368846的博客

01-02

3032

一、URL（传统）把参数值附在url后面传递到其他页面, 这种方法不适合在后台 iframe 这种 tab 页面直接跳转传参，iframe 标签写死了。页面虽然刷新了，但是接受的url参数是第一次打开时候的参数。二、H5 web storage 1、sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束...

html页面里获取url参数,js获取url的各类参数，html页面获取url里的各类参数

weixin_33130645的博客

06-03

465

如下代码，静态页面实现。/*** 获取指定的URL参数值* URL:http://www.cfei.net/index.html?name=Johnny&id=123456* 参数：paramName URL参数* 调用方法:getParam("name") or getParam("id")* 返回值:tyler*/function getParam(paramName) {paramV...