html页面跳转传递参数

html-css010

html页面跳转传递参数,第1张

页面跳转的时候可能需要一些数据的传输,如商品跳转到详情页需要传一个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

}