html中url传递多个参数，使用js动态控制选择个数

最新推荐文章于 2026-06-21 12:55:05 发布

原创最新推荐文章于 2026-06-21 12:55:05 发布 · 4.4k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #url #web开发

js 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了web开发中选择不同类型的常见需求，如面试和笔试，以及如何通过调整URL参数来实现类型和移动开发的选择。通过JavaScript代码示例，展示了如何在URL中加入或修改参数，以动态显示不同的内容。

web开发中，相信很多人都遇到过多个类型选择的情况，就像1280的面试和前台开发。

比如我们要选择类型、移动开发等。可以只选择类型，还可以同时选择类型和移动开发.这就需要获取当前url，然后重新加参数。

                                <script type="text/javascript">
                                var url = document.location.href;
                                if(url.indexOf("t=") == -1)
                                {document.write('<a href="'+url+'&t=0">面试</a>');}
                                else if(url.indexOf("t=0") == -1)
                                {var reg=new RegExp("t=(\\d+)","g"); 
                                var newstr=url.replace(reg,"t=0");
                                document.write('<a href="'+newstr+'"><span style="font-family: Arial, Helvetica, sans-serif;">面试</span><span style="font-family: Arial, Helvetica, sans-serif;"></a>');}</span>
                                else
                                {document.write('<a class="stabs-curr2" href="'+url+'"><span style="font-family: Arial, Helvetica, sans-serif;">面试</span><span style="font-family: Arial, Helvetica, sans-serif;"></a>');}</span>
                                </script>
                                <script type="text/javascript">
                                var url = document.location.href;
                                if(url.indexOf("t=") == -1)
                                {document.write('<a href="'+url+'&t=1">笔试</a>');}
                                else if(url.indexOf("t=1") == -1)
                                {var reg=new RegExp("t=(\\d+)","g"); 
                                var newstr=url.replace(reg,"t=1");
                                document.write('<a href="'+newstr+'">笔试</a>');} 
                                else
                                {document.write('<a class="stabs-curr2" href="'+url+'">笔试</a>');}
                                </script>

这里只贴的类型的代码，移动开发的类似，就不写了。