首页 > Web开发 > 详细

js控制页面带参跳转

时间:2017-11-06 23:41:14      阅读:298      评论:0      收藏:0      [点我收藏+]

js控制页面带参跳转:

方法1:html中href没有指向跳转页面
html:
<input class="weui-input phone-input" id="edit-phone-input" type="number" oninput="if(value.length>11) value=value.slice(0,11)"  pattern="/^13[0-9]{9}$|(^14)[5,7]\d{8}$|15[012356789]\d{8}$|18[0-9]{9}$|17[0-9]{9}$/" placeholder="请输入您的手机号"/>

<input class="weui-input code-input" type="number" placeholder="输入验证码">

<a href="javascript:;" class="weui_btn weui_btn_primary btn-gradient-confirm" id="confirm-edit-phone">确定修改</a>

Js:
var value1=$(‘#edit-phone-input‘).val();
var value2=$(‘.code-input‘).val();
alert(value1);
alert(value2);
var link ="personal-message.html" + ‘?value1=‘+value1 + ‘&value2=‘+value2;
window.location.href=link;   //这样就可以传过去了

 

方法2:html的href中指向了跳转页面:
html: <input class="weui-input phone-input" id="edit-phone-input" type="number" oninput="if(value.length>11) value=value.slice(0,11)" pattern="/^13[0-9]{9}$|(^14)[5,7]\d{8}$|15[012356789]\d{8}$|18[0-9]{9}$|17[0-9]{9}$/" placeholder="请输入您的手机号"/> <input class="weui-input code-input" type="number" placeholder="输入验证码"> <a href="personal-message.html" class="weui_btn weui_btn_primary btn-gradient-confirm" id="confirm-edit-phone">确定修改</a> Js: var value1=$(‘#edit-phone-input‘).val(); var value2=$(‘.code-input‘).val(); this.href = this.href + ‘?value1=‘+value1 + ‘&value2=‘+value2; //这种方式可以在下一个页面中获取前一个页面传在url中的参数

 

 

js控制页面带参跳转

原文:http://www.cnblogs.com/haimengqingyuan/p/7795722.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!