jquery html passes parameters, jquery passes and receives parameters through url

One pass parameter page index.html

jquery pass and receive parameters through url

h1{text-align: center;}

jquery pass parameters through url

---

RMB:

Image URL:

Name:

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";

}

2. Receive parameter page info.html

jquery pass and receive parameters through url

h1{text-align: center;}

jquery receives parameters through url

---

RMB:

picture:

Name:

character:

//Extension method to get url parameters

(function ($) {

$.getUrlParam = function (name) {

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //Construct a regular expression object with target parameters

var r = window.location.search.substr(1).match(reg); //match target parameter

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')); //得到：自定义字符