jquery通过url传递和接收参数-创新互联
一传递参数页面index.html
在做网站、网站制作过程中,需要针对客户的行业特点、产品特性、目标受众和市场情况进行定位分析,以确定网站的风格、色彩、版式、交互等方面的设计方向。创新互联建站还需要根据客户的需求进行功能模块的开发和设计,包括内容管理、前台展示、用户权限管理、数据统计和安全保护等功能。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')); //得到:自定义字符
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
本文标题:jquery通过url传递和接收参数-创新互联
网页网址:http://scyanting.com/article/dpscie.html