前端實現帶參跳轉頁面


html部分
<
body> <div class="list"> <p data-id="1">商品詳情1</p> <p data-id="2">商品詳情2</p> <p data-id="3">商品詳情3</p> <p data-id="4">商品詳情4</p> <p data-id="5">商品詳情5</p> </div> </body>
js部分
window.onload = function() { $(".list").on("click", "p", function() { window.location.href = "detail.html?Pid=" + $(this).attr("data-id"); }) }

跳轉到的頁面代碼:

window.onload = function() {
     var dataId = getvl("dataId")
     alert(dataId)
}
function getvl(name) { var reg = new RegExp("(^|\\?|&)" + name + "=([^&]*)(\\s|&|$)", "i"); if(reg.test(location.href)) return unescape(RegExp.$2.replace(/\+/g, " ")); return ""; };

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM