jquery通过url传递和接收参数
一传递参数页面index.html
成都创新互联公司是一家专业提供加格达奇企业网站建设,专注与网站建设、成都网站设计、HTML5建站、小程序制作等业务。10年已为加格达奇众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。
h2{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
h2{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')); //得到:自定义字符
分享标题:jquery通过url传递和接收参数
网站URL:http://ybzwz.com/article/gsieip.html