码迷,mamicode.com
首页 > Web开发 > 详细

js控制页面带参跳转

时间:2017-11-07 00:19:44      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:blog   ber   location   amp   oca   UI   javascrip   一个   java   

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控制页面带参跳转

标签:blog   ber   location   amp   oca   UI   javascrip   一个   java   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!