有时候网站中需要用到多种不同参数搜索，但是又不想改后端代码麻烦，就可以通过js前台拼接url来快速实现不同参数的搜索。
举例，我这里的搜索url是：
www.test.com/index.php?s=news&c=search&catid=10&keyword=搜索关键词
其中catid是指定查询内容的栏目id，keyword后面是本次搜索的关键词
接下来我们用js来获取input搜索框中输入的值并拼接成我们的搜索url，请看下面代码；
HTML代码部分
<h3>搜索</h3> <form class="search_form"> <input type="text" class="input_text" placeholder="请输入搜索关键词" id="srk"> <input type="button" value="点击查询" onclick="search1" > </form>
JS代码部分
<script language="javascript">
function search1(){
var a=document.getElementById("srk").value; //获取id为srk的input值
//alert(a); 测试获取的值
window.href='/index.php?s=news&c=search&catid=10&keyword=' + a;
// 拦截input空提交
if(a=="") {
alert('查询内容不能为空');
window.href='/index.php?c=category&id=10' //拦截后需要去的页面
}
}
</script>如果内容有帮助，就点个赞吧！