jQuery實作瀏覽器之間跳轉並傳遞參數功能【支援中文字元】-js教程-PHP中文網

首頁

web前端

js教程

jQuery實作瀏覽器之間跳轉並傳遞參數功能【支援中文字元】

亚连

May 28, 2018 pm 04:15 PM

firefoxjquerywebkit

這篇文章主要介紹了jQuery實現瀏覽器之間跳轉並傳遞參數功能,具有支持中文字符傳輸的功能,涉及jQuery編碼轉換、事件響應、頁面跳轉等相關操作技巧,需要的朋友可以參考下

本文實例講述了jQuery實作瀏覽器之間跳轉並傳遞參數功能。分享給大家參考，如下：

one.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="https://cdn.bootcss.com/jquery/2.2.2/jquery.slim.js"></script>
</head>
<body>
<input type="text" class="keyword"/>
<button id="searchBtn">点击</button>
<script type="text/javascript">
  $("#searchBtn").click(function() {
    var searchText = jQuery.trim($(".keyword").val());
    var searchUrl = encodeURI("two.html?searchText=" + searchText); //使用encodeURI编码
    location.href = searchUrl;
  })
</script>
</body>
</html>

two.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="https://cdn.bootcss.com/jquery/2.2.2/jquery.slim.js"></script>
</head>
<body>
<input type="text" class="keyword1"/>
<script type="text/javascript">
  //获取 上一个搜索页面传来的参数 
  var searchUrl = window.location.href;
  var searchData = searchUrl.split("="); //截取 url中的“=”,获得“=”后面的参数
  var searchText = decodeURI(searchData[1]); //decodeURI解码
  $(".keyword1").val(searchText);
</script>
</body>
</html>

運行結果：

上面是我整理給大家的，希望今後會對大家有幫助。

基於firefox實作ajax圖片上傳

#Ajax載入外部頁面彈出層效果實作方法

ajax跨網域(基礎網域相同)表單提交的方法

以上是jQuery實作瀏覽器之間跳轉並傳遞參數功能【支援中文字元】的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

Ubuntu Linux中如何删除Firefox Snap？Feb 21, 2024 pm 07:00 PM

要在UbuntuLinux中删除FirefoxSnap，可以按照以下步骤进行操作：打开终端并以管理员身份登录到Ubuntu系统。运行以下命令以卸载FirefoxSnap：sudosnapremovefirefox系统将提示你输入管理员密码。输入密码并按下Enter键以确认。等待命令执行完成。一旦完成，FirefoxSnap将被完全删除。请注意，这将删除通过Snap包管理器安装的Firefox版本。如果你通过其他方式（如APT包管理器）安装了另一个版本的Firefox，则不会受到影响。通过以上步骤

jquery实现多少秒后隐藏图片Apr 20, 2022 pm 05:33 PM

实现方法：1、用“$("img").delay(毫秒数).fadeOut()”语句，delay()设置延迟秒数；2、用“setTimeout(function(){ $("img").hide(); },毫秒值);”语句，通过定时器来延迟。

jquery怎么修改min-height样式Apr 20, 2022 pm 12:19 PM

修改方法：1、用css()设置新样式，语法“$(元素).css("min-height","新值")”；2、用attr()，通过设置style属性来添加新样式，语法“$(元素).attr("style","min-height:新值")”。

axios与jquery的区别是什么Apr 20, 2022 pm 06:18 PM

区别：1、axios是一个异步请求框架，用于封装底层的XMLHttpRequest，而jquery是一个JavaScript库，只是顺便封装了dom操作；2、axios是基于承诺对象的，可以用承诺对象中的方法，而jquery不基于承诺对象。

jquery怎么在body中增加元素Apr 22, 2022 am 11:13 AM

增加元素的方法：1、用append()，语法“$("body").append(新元素)”，可向body内部的末尾处增加元素；2、用prepend()，语法“$("body").prepend(新元素)”，可向body内部的开始处增加元素。

jquery怎么删除div内所有子元素Apr 21, 2022 pm 07:08 PM

删除方法：1、用empty()，语法“$("div").empty();”，可删除所有子节点和内容；2、用children()和remove()，语法“$("div").children().remove();”，只删除子元素，不删除内容。

mozilla firefox可以卸载吗Mar 15, 2023 pm 04:40 PM

mozilla firefox可以卸载；firefox属于第三方浏览器，如果不需要，完全可以卸载。卸载方法：1、在开始菜单中，依次点击“Windwos系统”-“控制面板”；2、在“控制面板”界面中，点击“程序和功能”；3、在新界面中，找到并双击火狐浏览器图标；4、在卸载弹窗中，点击“下一步”；5、点击“卸载”即可。