1 $("#topSearchBtn").click(function(){ 2 var topSearchValue = $("input[name='topSearch']").val(); 3 if($.trim(topSearchValue) != ""){ 4 window.open('www.XXXXX.com/wz/all.html'+'?searchValue='+ $.trim(topSearchValue)); 5 6 } 7 }); 8 9 $(".searchTop").keydown(function() { 10 if (event.keyCode == "13") {//keyCode=13是回车键 11 $('#topSearchBtn').click(); 12 } 13 });
1-7行实现页面跳转,并在地址栏传参。(点击的元素和用户输入值的input元素不是同一个东西。这里没有使用表单来实现提交。手动提交。)
8-13行实现回车提交。
补充知识:
$.trim()--去掉字符串前后空白
window.open()--新开标签页跳转
self.location.href="/url" 当前页面打开URL页面
location.href="/url" 当前页面打开URL页面
windows.location.href="/url" 当前页面打开URL页面,和前面两个用法相同。
this.location.href="/url" 当前页面打开URL页面
parent.location.href="/url" 在父页面打开新页面
top.location.href="/url" 在顶层页面打开新页面