zoukankan      html  css  js  c++  java
  • 回车键--地址栏传参/页面跳转

     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" 在顶层页面打开新页面

  • 相关阅读:
    红黑树数据结构剖析
    miniui表单验证守则总结
    常用的JS页面跳转代码调用大全
    Jsp页面跳转和js控制页面跳转的几种方法
    处理和引发事件
    HeaderHandler 委托
    序列化SoapFormatter
    Debug.Assert
    C#的Thread类
    再次学习线程概念
  • 原文地址:https://www.cnblogs.com/Vayne-N/p/7423864.html
Copyright © 2011-2022 走看看