html页面跳转传递参数（html页面跳转的五种方法）
华为云服务器特价优惠火热进行中！ 2核2G2兆仅需 38 元；4核4G3兆仅需 79 元。购买时间越长越优惠！更多配置及优惠价格请咨询客服。
合作流程： |
本篇文章给大家谈谈html页面跳转传递参数，以及html页面跳转的五种方法对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
微信号：cloud7591如需了解更多，欢迎添加客服微信咨询。
复制微信号
本文目录一览：
两个静态html页之间的传值
在跳转后传递值，然后新页面获取值，根据值去添加案例的 class ，使对应的案例标题颜色改变
首先，父拦谨页面中 button 跳转采用
button 绑定 value 值
子页面中获取 vlaue 的值
因为我这边涉及多个，如果使用同一简扒基个 id 不能获取 vlaue 值，所以我在页面上写了一个空的按钮用来存储所点击的 vlaue 值
当点击 button 时， 把当前 button 的 vlaue 值赋值为** id="btn-case" ** 的 vlaue 值
然后在子页面中就可以通过去获取** id="btn-case"** 的** vlaue 值，来设置跳转后的默认显示，选项比较可以采用 switch case** 语句
注意 ：这里的 a ** 使用 alert（typeof(a)）;**弹出 String ，使用 switch case 语句时需要转换为 number 值，或者 **case **值设置为 ‘1’，添加引号。
跳转页面时把参数写入Url后的参数中，这种方法对与a标签跳转很方便，后面价格参数即可，下面来看看页面中怎么去应用
对于上面的案例可以此局直接在html上把参数带上，在打开的页面中获取。
如果对于input框输入，或者其他需要传入的值
html页面跳转传递参数
页面跳转的时候可能需要一些数据的传输，如商品跳转到详情页需要传一个id过去。那么在芹答html中如何来实现呢？
简单的来说就是通过location.href设置路径的时候通过?拼接的形式拼接进去一些参数。然后在b页面通过地址栏的信息来明首瞎拿到这些参数，从而进行不同的数据渲染。
例子：
a页面内容：激空
b页面:
html 页面跳转 怎样传递接收参数
可以通过网址参数来传递数改烂· A网页： $(function(){ $('#a按钮').on('click',function(){
//在原页面跳转薯漏 location.href="B网页地址.html?参数名1=参歼敏数值1参数名2=参数值2" //或者 新开页面
window.open ('B网页地址.html?参数名1=参数值1参数名2...
html页面跳转传递参数的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html页面跳转的五种方法、html页面跳转传递参数的信息别忘了在本站进行查找喔。
