jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】

本文实例讲述了框架实现浏览器之间跳转并传递参数功能。分享给大家供大家参考，具体如下：

one.html

！DOCTYPE html html head meta charset=' UTF-8 ' title/title script src=' http :https://cdn。bootscs。com/jquery/2。2 .2/jquery。苗条。js '/script/head dyinput type=' text ' class=' keyword '/button id=' searchBtn '点击/button脚本类型=' text/JAVAScript ' $(' # search Btn ').单击(function(){ var search text=jquery。修剪($(').关键字')。val())；var搜索URl=encodeURI('二。html？搜索文本='搜索文本')；//使用中文参数编码location.href=searchUrl})/脚本/正文/htmltwo.html

！DOCTYPE html html head meta charset=' UTF-8 ' title/title script src=' http :https://cdn。bootscs。com/jquery/2。2 .2/jquery。苗条。js '/script/head dyinput类型=' text ' class='关键字1 '/script类型=' text/JavaScript '//获取上一个搜索页面传来的参数var搜索URl=窗口。位置。hrefvar搜索数据=搜索URL。split('=')；//截取全球资源定位器(统一资源定位符)中的"=",获得"="后面的参数var searchetext=decodeURI(searchedata[1])；//decodeURI解码$(.关键词1 ').val(搜索文本);/脚本/正文/html运行结果：

更多关于框架相关内容感兴趣的读者可查看本站专题： 《jQuery常见事件用法与技巧总结》 、 《jQuery form操作技巧汇总》 、 《jQuery操作json数据技巧汇总》 、 《jQuery常用插件及用法总结》 、 《jQuery扩展技巧总结》 、 《jQuery表格(table)操作技巧汇总》 及《jquery选择器用法总结》

希望本文所述对大家框架程序设计有所帮助。