页面跳转的时候可能需要一些数据的传输,如商品跳转到详情页需要传一个id过去。那么在html中如何来实现呢?
简单的来说就是通过location.href设置路径的时候通过?拼接的形式拼接进去一些参数。然后在b页面通过地址栏的信息来拿到这些参数,从而进行不同的数据渲染。
例子:
a页面内容:
b页面:
可以通过网址参数来传递· A网页: $(function(){ $('#a按钮').on('click',function(){//在原页面跳转 location.href="B网页地址.html?参数名1=参数值1&参数名2=参数值2" //或者 新开页面
window.open ('B网页地址.html?参数名1=参数值1&参数名2...
可以新建一个js文件,内容如下:
(function ($) {
$.getUrlParam = function(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)")
var r = window.location.search.substr(1).match(reg)
if (r!=null) return unescape(r[2])return null
}
}) (jQuery)
在要获取url参数的页面导入这个js,想要获取参数,就这样写:
var name = $.getUrlParam("name")
$.getUrlParam("name")的参数name就是url里面的参数名称。
jquery获取url参数的办法:
function jsGetUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)")
var r = window.location.search.substr(1).match(reg)
if (r != null) return unescape(r[2])return null
}