前端获取页面启动时的参数(c端 pc端)

发财X

已于 2024-03-08 15:16:43 修改

阅读量427

点赞数 10

文章标签：前端

于 2024-03-08 15:13:48 首次发布

本文链接：https://blog.csdn.net/Zz130015/article/details/136562846

版权

一、

如果是一个pc端页面或者是uniapp打包到抖音h5 Vue等页面获取参数为

window.location.href 以window打头的获取方法来拿取

二、

如果仅仅是微信小程序抖音小程序想获取当前页面启动时携带的参数应为

uniapp ↓ 微信小程序换成 wx.就可 wx.getLaunchOptionsSync()

------------------------注意------------------------------

如果后端要拿到整个htttp落地页链接的后缀启动参数需要一适用于(pc端 web页面)

如果只是前端需要拿到当前页启动参数进行数据处理等需要二适用于(c端小程序页面)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

发财X

关注关注

10
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

springboot商场项目一前后端界面搭建

yzq102873的博客

11-06

2208

springboot商场项目一前后端界面搭建

SpringBoot：实现PC端微信扫码支付-超详细实战！

q736317048的博客

01-27

2964

开篇前絮叨两句，也算是我个人的一个记录吧，整体实现了微信扫码支付，但还有很多细节和提升的点，为了简介明了，只将整体过程给大家串一下，如果有大佬看到也要多多指点，不懂的也可以私信我。如果想了解微信登陆的，在分栏微信相关也有文章，大家可以看一下实现应用微信支付，你需要有微信商户平台：https://pay.weixin.qq.com。申请公众号（服务号）认证费300，才能开通微信支付。在微信支付中需要有公众号id和密钥还有商户id和密钥，如果你没有上线应用把整体流程明白就可以，当然，朋友公司之类有的话更好。

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

H5 获取页面传递参数

weixin_45561965的博客

03-21

1037

如何获取页面传递的参数 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; }

H5获取链接中的参数

L1147484597的博客

04-24

2529

在H5网页的项目中我们经常需要获取连接中的参数 function getQuerystring(key) { const url = new URL(window.location.href); return url.searchParams.get(key); } function getRouteQuery(vm, key) { const params = vm.$route.query; return params[key]; } function getQuery(vm, k

解析URL，获取其参数值（总结一次与H5交互用到的）

Jersey_me的博客

02-17

4289

随着H5技术的更新，Android嵌套H5页面的越来越多，js和Android端的交互也是越来越简单，之前用过得是Android提供接口，js端调用，这应该是最常用的方式，不过这种方式需要注意的是防止木马的注入。还有就是我不知道iOS端是如何跟js端交互的，所以导致iOS端开发的时候js又要重新修改。这段时间用到了另一种方式解决了iOS和Android不一致的问题，所以记录下以后用的时候直接拿来：

vue路由及参数router

最新发布

nalanxiaoxiao2011的博客

01-09

2586

vue 路由route

手机端H5APP怎么查看当前页面地址

bugua3542的博客

03-24

3189

1.测试环境有加控制台 2. 在控制台中输入location.href, 即会返回当前页面的地址 web端的可同样查看

基于React的PC网站前端架构分析

findhappy117的博客

03-28

6386

代码地址如下：http://www.demodashi.com/demo/12252.html 本文适合对象有过一定开发经验的初级前端工程师；有过完整项目的开发经验，不论大小；对node有所了解，关注前端发展，了解所谓“大前端”的概念；了解React；了解ES6；想要初步了解一下大型网站的前端结构的人。关于demo本demo是我平时开发React项目时候自己配置的一套开发环境，由于每次

SpringBoot电商项目前后端界面搭建

weixin_65808248的博客

11-05

2407

前端：Freemarker、jQuery后端：SpringBoot、MyBatisPlus、Lombok中间件：Redis用户表：t_user商品表：t_goods订单表：t_order订单项表：t_order_item数据源表：t_dict_type数据项表：t_dict_data后续微服务秒杀项目所用：秒杀商品表：t_seckill_goods秒杀订单表：t_seckill_order二、构建SpringBoot项目起初搭建时，可以不勾选任何组件。

学成在线day02,webpack打包配置，nodejs,cnpm,CMS前端工程创建，单页面应用，前后端请求响应流程图

qq847196660的博客

01-31

483

webpack有什么好处呢？ 1、模块化开发（多个js,css文件打包成一个文件）程序员在开发时可以分模块创建不同的js、 css等小文件方便开发，最后使用webpack将这些小文件打包成一个文件，减少了http的请求次数。 webpack可以实现按需打包，为了避免出现打包文件过大可以打包成多个文件。 2、编译typescript、ES6等高级js语法（把语法转换成主流浏览器识别的语法）随...

vue路由传参方式的几种方式与获取参数详解

weixin_47013351的博客

04-17

3万+

一、声明式传参 1.params传参(显示参数) 在url中会显示出传参的值，刷新页面不会失去拿到的参数，使用该方式传值的时候，需要子路由提前配置好参数： //路由参数配置 const router = new VueRouter({ routes: [{ path: '/about/:id', component: User }] }) //声明式导航使用 <router-link to="/about/12">跳转</router-link>

uniapp ios h5唤醒app获取参数

抚首

05-26

1777

问题安卓可以正常跳转详情页，苹果可以唤醒但是不能跳转详情页一般检查三布就可以了第一步配置白名单(在manifest.json文件下配置白名单) // 在app-plus=>distribute=>ios配置如下 //从第三方平台唤醒当前app需要配置 "urltypes" : [ { "urlidentifier" : "com.xxx.ddd", "urlschemes" : [ "xxx" ] } ], //在

获取当前H5页面的URL，并取到该URL中拼接的参数

qq_32755875的博客

07-29

2818

// console.log('href',window.location.href) // 使用window.location.href获取到当前页面的URL let newPath = `${window.location.href}` // console.log('newPath',newPath); let splitURL = newPath.split("?")[1].split("&"); console.log(splitURL); for(var i=0;i<s

H5客户端获取Url参数的方法

weixin_41480546的博客

07-25

6010

一，window.location.href: 获取完整的url链接二，this.$ route.path：前端路由中配置的path 三，this.$ route.fullPath：当前页面除去协议，域名后的完整链接四，以对象的形式获取当前Url链接?后面拼接的参数，有以下两种方法： 1，this.$route.query 2，以函数的形式，函数参数可以不传： function GetRequ...

H5获取向下一个页面传值并接收参数

yanxiaosa的博客

11-30

1万+

最近在看h5的时候，不但要请求后台数据，前台还要向h5传入参数，刚刚接触h5并不知道怎么办，搜了好久，找到一个简单的方法，先看第一个页面： aaaaaaaaaaa 然后看第二个页面，第二个页面是用来接收第一个页面传过来的参数的:

Vue 获取参数的方式

weixin_43650637的博客

06-09

823

Vue 获取参数的方式总是找不到自己想要的… 有两种方式 1. /test/test?id=1 直接在页面 this.$route.query.id 2. /test/test/1 在路由配置页面 const router = new VueRouter({ routes: [ { path: '/test/test/:id', component: Test, props: true //必须写

Html获取Url参数

前端 获取页面启动时的参数(c端 pc端)

前端获取页面启动时的参数(c端 pc端)