根据参数不同，展示不同button 传参方式为url地址？status=参数；

最新推荐文章于 2022-04-11 16:23:25 发布

Latifa_SCM

最新推荐文章于 2022-04-11 16:23:25 发布

阅读量457

点赞数

文章标签： url 页面差异展示不同的button

本文链接：https://blog.youkuaiyun.com/wanghe1228/article/details/47998665

版权

这篇博客介绍了一种根据URL参数来控制页面元素显示的方法。通过获取当前页面URL，解析参数，然后根据参数值改变指定ID的按钮的显示状态。如果参数status等于1，显示id1和id2，隐藏id3和id4；否则，隐藏id1和id2，显示id3和id4。这对于创建具有不同视图的页面非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//页面差异展示方法

var url = document.URL;
           var params = url.split("?")[1];
           var status = params.split("=")[1];
           if(status==1){
               $("#id1").css("display","display");
               $("#id2").css("display","display");
               $("#id3").css("display","none");
               $("#id4").css("display","none");
           }else{
               $("#id1").css("display","none");
               $("#id2").css("display","none");
               $("#id3").css("display","display");
               $("#id4").css("display","display");
           }