前端实现带参跳转页面

最新推荐文章于 2024-03-18 02:37:27 发布

weixin_30244681

最新推荐文章于 2024-03-18 02:37:27 发布

阅读量816

点赞数

文章标签：前端 c# ViewUI

原文链接：http://www.cnblogs.com/150536FBB/p/10578815.html

版权

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 "";
};