jquery html传递参数,jquery通过url传递 和 接收 参数

一传递参数页面index.html

jquery通过url传递 和 接收 参数

h1{text-align: center;}

jquery通过url传递参数

---

人民币：

图片URL：

姓名：

var parameter1 = document.getElementById('rmb').value;

var parameter2 = document.getElementById('img').value;

var parameter3 = document.getElementById('name').value;

document.getElementById('btn').onclick = function(){

window.location.href = "info.html?rmb=" + parameter1 + "&img=" + parameter2 + "&name= "+parameter3+"&string=abcdefghijklmn";

}

二、接收参数页面info.html

jquery通过url传递 和 接收 参数

h1{text-align: center;}

jquery通过url接收参数

---

人民币：

图片：

姓名：

字符：

//扩展方法获取url参数

(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);

//调用上的$.getUrlParam('参数')方法 来获取传过来对应的参数 rmb、img、name、string

$('#RMB').html('销售价：' +  $.getUrlParam('rmb') + '.00元');//得到变量1的参数： 998

$('#IMG').attr("src" ,  $.getUrlParam('img')); //得到变量2的参数：  ../p_w_picpath/goods1.jpg

$('#NAME').val($.getUrlParam('name')); //得到变量3的参数：(传递参数页面中input框的值)

$('.STRING').text($.getUrlParam('string')); //得到：自定义字符