`

使用JS在URL中传递参数

 
阅读更多

aa.htm是参数输入界面
bb.htm是参数接收处理界面

aa.htm

Html代码

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  5. <title>Insert title here</title>  
  6. <script>  
  7. function submit()   
  8. {   
  9.     var input1 = document.getElementById("inputid");   
  10.     window.open("bb.html?inputStr=" + input1.value);//传入参数   
  11. }   
  12. </script>  
  13. </head>  
  14. <body>  
  15.     <input type="text" id="inputid">  
  16.     <input type="button" onclick="submit()" value="提交">  
  17. </body>  
  18. </html>  

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script>function submit(){ var input1 = document.getElementById("inputid"); window.open("bb.html?inputStr=" + input1.value);//传入参数}</script></head><body> <input type="text" id="inputid"> <input type="button" onclick="submit()" value="提交"></body></html>

 bb.htm

Java代码

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   
  2. <html>   
  3. <head>   
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">   
  5. <title>Insert title here</title>   
  6. <script>   
  7. //获得参数的方法   
  8. var request =    
  9. {    
  10.     QueryString : function(val)    
  11.     {    
  12.         var uri = window.location.search;    
  13.         var re = new RegExp("" +val+ "=([^&?]*)", "ig");    
  14.         return ((uri.match(re))?(uri.match(re)[0].substr(val.length+1)):null);    
  15.     }   
  16. }   
  17. window.onload=function(){   
  18.     var rt = request.QueryString("inputStr");   
  19.     document.getElementById("recive").value=rt;   
  20.     alert(rt);   
  21. }   
  22. </script>   
  23. </head>   
  24. <body>   
  25. 接收到:<input id="recive">   
  26. </body>   
  27. </html> 
分享到:
评论

相关推荐

    jsp中URL传递中文参数的处理方法

    在页面的url中使用encodeURI(encodeURI(中文)),对中文进行编码,并在服务器的java程序中使用URLDecoder.decode(中文, “UTF-8”)进行解码即可; 如果url中需要传递+、#、?等特殊符号,可以使用encodeURIComponent...

    JS过滤url参数特殊字符的实现方法

    在URL传递参数中,有一些特殊字符,而这些些符号在URL中是不能直接传递的,如果要在URL中传递这些特殊符号,那么就要使用他们的编码了。下表中列出了一些URL特殊符号及编码十六进制值 1. + URL 中+号表示空格 + 2. ...

    url参数中传递特殊字符处理方法

    URL参数中传递特殊字符处理方法 在进行 URL 参数传递时,需要处理特殊字符的编码问题。因为有些符号在 URL 中是不能直接传递的,需要使用他们的编码。以下是常见的 URL 特殊符号及编码: 1. + 号表示空格,编码为 ...

    JSP中js传递和解析URL参数以及中文转码和解码问题.docx

    在JSP中,通常使用JavaScript来动态构建URL并传递参数。以下是一个典型的例子: ```javascript // 构建参数字符串 var pmt = 'sensor=' + encodeURI(encodeURI(sensor)) + 'device=' + encodeURI(encodeURI(device...

    url传递的参数值中包含&时,url自动截断问题的解决方法

    在做一个公告浏览功能时,只要通过url传递的某参数值中包含 & 或 ,就会出现问题–该变量的值无法显示。 问题定位结果: 遇到&时,该参数的值会自动截断,导致参数值传递有误。 二、问题的解决 java代码中做如下...

    javascript将url中的参数加密解密代码

    在JavaScript中,有时我们需要对URL中的参数进行加密和解密,以确保数据的安全性,防止敏感信息被轻易读取。本文提供的代码片段就是用于实现这个目的的一个示例。让我们深入了解一下这段代码的工作原理和相关知识点...

    js获取url参数

    在Web开发中,经常需要处理URL中的查询参数。这些参数通常用于传递页面之间的数据或者状态信息。JavaScript作为一种强大的客户端脚本语言,提供了多种方法来实现这一功能。本文将详细介绍一种利用自定义函数`...

    js对话框传递参数

    ### JS对话框传递参数 #### 一、简介 在JavaScript中,通过对话框进行参数传递是一种常见的交互方式,尤其在需要弹出一个模态对话框并与其进行数据交换的场景下更为常见。本文将详细介绍如何利用`window....

    js文件传递参数及js文件的源码

    在 JS 文件中,我们可以使用 URL 参数传递的方式来传递参数。这种方法是将参数附加到 URL 的末尾,使用“?”符号分隔。例如: `&lt;script type="text/javascript" id="show" src="show.js?style=10&count=11&order=...

    页面跳转js获取传递的参数

    本文将详细介绍几种通过JavaScript实现页面跳转并获取传递参数的方法。 #### 方法一:使用`window.location.href` ```javascript // 通过修改当前窗口的location.href属性来实现页面跳转,并附带参数 window....

    JSP中js传递和解析URL参数以及中文转码和解码问题

    1.传递参数: 代码如下: var pmt = ‘sensor=’+ encodeURI(encodeURI(sensor))+’&device=’+encodeURI(encodeURI(device))+’&instrument=’; pmt += encodeURI(encodeURI(instrument))+’&n=’+n+’&addDate=’+...

    js获取url参数.rar url参数获取

    在JavaScript编程中,获取URL参数是一项常见的任务,特别是在构建动态Web应用时。URL(Uniform Resource Locator)是网页的地址,而URL参数则是附加在URL后面,用于传递额外信息的键值对。这些参数通常以问号(?)...

    Js日历控件传递url参数

    "Js日历控件传递url参数"这个主题聚焦于如何将用户在日历控件中选择的日期作为URL参数传递到下一个页面,如博客日志列表或新闻列表页面,以便根据选定日期筛选内容。这里我们将深入探讨JavaScript(Js)与ASP技术...

    flex获得html容器传递的url参数值

    在Flex编程中,有时我们需要从外部HTML容器向SWF文件传递参数,这在构建富互联网应用程序(RIA)时尤其常见。这些参数通常是以URL查询字符串的形式出现,例如`test.html?name=jex&address=chengdu`。在本文中,我们...

    jquery获取URL中参数解决中文乱码问题的两种方法

    当我们需要在两个页面间通过URL传递参数时,经常会遇到中文乱码问题。这个问题主要是因为URL中的参数可能没有经过正确的编码和解码处理。为了解决这个问题,我们可以采取一些方法,特别是当使用jQuery来获取URL参数...

    HTML页面地址栏参数传递与获取

    在Web开发中,经常需要在不同页面间传递参数,以实现数据共享或状态保持等功能。传统的服务器端脚本如ASP可以通过表单(Form)的方式接收前端提交的数据。然而,除了这种方式外,还可以通过URL参数来传递数据给HTML...

    如何用js获取当前url的参数值

    在Web开发中,经常需要处理URL中的查询参数,例如在页面跳转时传递数据、实现特定功能等。本文将详细介绍一种使用JavaScript来解析并获取当前URL参数的方法。 #### 方法概述 在给定的代码示例中,作者定义了一个名...

    php获取URL中带#号等特殊符号参数的解决方法

    然而,URL参数中可能包含特殊字符,如井号(#)和其它符号,它们在URL中扮演特定的角色,可能导致无法直接获取预期的参数值。本篇知识点将详细探讨如何在PHP中获取带有特殊符号,如井号(#)的URL参数,并介绍如何使用...

    自己写的JavaScript获取URL参数方法

    在本场景中,我们关注的是如何使用JavaScript来获取URL中的参数,这在很多功能实现上都非常重要,比如页面跳转、数据传递等。下面我们将详细探讨这个主题。 首先,URL(统一资源定位符)是互联网上的网页或其他资源...

    Web报表FineReport页面如何传递中文参数

    在JavaScript中使用cjkEncode有两种方式:一种是通过加载finereport.js文件,另一种是直接在页面中调用cjkEncode函数。 首先,我们可以通过加载finereport.js文件来使用cjkEncode方法。这个JS库基于jquery框架,...

Global site tag (gtag.js) - Google Analytics