js控制頁面帶參跳轉

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中的參數