`
Ben.Sin
  • 浏览: 233579 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

JS-纯html传递参数例子

HTMLJavaScript正则表达式 
阅读更多

利用javascript的正则表达式来检索当前url上的参数信息，来达到传递参数的目的。

JS代码是网上找到的，还有一些通过分析字符串来获得，但我觉得这个比较简洁一点。

以下是一个小例子的代码

<html>
<head>
	<meta http-equiv="Content-Type" content="html/text; charset=utf-8"/>
	<title>JS get Parameter</title>
	<script src="resource/js/param.js" type="text/javascript"></script>
</head>
<body>
<table>
	<tr>
		<td><input type="text" name="user" /></td>
		<td><input type="text" name="password" /></td>
		<td><input type="text" name="sysno" /></td>
	</tr>
</table>
</body>
<script type="text/javascript">
	var LocString=String(window.document.location.href);
	
	function getQueryStr(str){
		var rs = new RegExp("(^|)"+str+"=([^\&]*)(\&|$)","gi").exec(LocString), tmp;
	
		if(tmp=rs){
			return tmp[2];
		}
	
		// parameter cannot be found
		return "";
	}

	document.getElementById("user").value = getQueryStr("user");
	document.getElementById("password").value = getQueryStr("password");
	document.getElementById("sysno").value = getQueryStr("sysno");
</script>
</html>

 通过test.html?user=abc&password=123&sysno=001的测试结果来看，截获参数的目的达到了

 

具体的原理没有仔细研究，希望明白的能指点一二

 

分享到：
| JSP学习笔记-JSP002 中文字符问题
评论
1 楼 pochonlee 2010-09-07  
<input type="text" name   
<input type="text" id     
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    两个网页之间参数传递例子

    还有，利用URL的fragment identifier（#）也是传递参数的一种方式，但通常只用于单页应用（SPA）内部。例如，`http://example.com/#/profile/123`，"123"可以被JavaScript用来更新页面内容，而无需重新加载整个页面...

    frame之间进行参数传递例子

    2. **在Web框架中传递参数**：例如在JavaScript中，我们可以通过URL查询字符串、cookies、session或localStorage在不同的页面或frame之间传递数据。在HTML框架中，可以使用`&lt;frame&gt;`或`&lt;iframe&gt;`元素的属性（如`src`...

    Vue系列：通过vue-router如何传递参数示例

    在 Vue 应用中，vue-router 提供了多种方式来传递参数，使得组件间的通信更加灵活。下面将详细介绍如何通过 vue-router 实现参数传递。 首先，我们需要设置路由配置。在 `router.map()` 方法中，我们可以定义一个或...

    页面间传递参数的方法，及例子

    在网页开发中，页面间参数传递是一个常见的需求，它允许用户在浏览不同页面时保持信息的一致性或者在页面之间传递特定的数据。本教程将详细解释几种常见的页面间参数传递方法，并通过实例来帮助理解。 1. URL查询...

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

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

    静态页面html中跳转传值的JS处理技巧

    通过这种方式，JavaScript使得在静态HTML页面中通过URL传递参数变得非常简单。需要注意的是，由于URL长度的限制以及安全性问题，传递敏感数据时可能需要考虑其他的传递方式，如使用POST请求等。 最后，本文还提到了...

    Angularjs为ng-click事件传递参数

    除了直接在HTML中传递参数，还可以通过`$event`对象获取触发事件的上下文信息，如元素本身或其他相关数据。例如，如果你需要获取点击的元素，可以这样做： ```html &lt;button ng-click="myFunction($event)"&gt;点击我 `...

    Java零基础-参数传递-1.md

    ### Java零基础-参数传递详解 #### 内容概要 本文旨在深入解析Java语言中的参数传递机制。作为一门广泛使用的编程语言，Java提供了多种处理数据的方法，其中参数传递是函数（方法）间数据交互的基础。本文将重点...

    uploadify-v3.0.0_附带例子

    2. **初始化设置**：在JavaScript中调用`$("#fileInput").uploadify()` 方法，并传递配置对象，设置如文件类型、服务器地址、按钮文本等参数。 3. **事件监听**：添加事件监听器以处理上传过程中的各种情况，如错误...

    同时兼容IE和FireFox的事件处理event代码--添加文件上传例子

    在这个压缩包中，`upload.html`可能是一个包含了文件上传功能的HTML页面，而`js`文件可能是对应的JavaScript代码，实现了上述的兼容性处理。通过分析这两个文件，你可以看到如何实际应用这些概念，以创建一个在IE和...

    opener实例页面之间传递参数

    总结，`opener`属性提供了一种在JSP页面间传递参数的机制，使得父窗口和子窗口可以共享数据并协同工作。这种方法在处理复杂用户交互和多步骤流程时特别有用。不过，需要注意的是，由于安全限制，不是所有的浏览器都...

    html连接access数据库的小例子

    2. **编写JavaScript代码**：在HTML页面中，我们可以使用JavaScript调用ASP文件并传递参数。例如，使用AJAX（Asynchronous JavaScript and XML）技术来发送异步请求： ```html function fetchData() { var xhr = ...

    vue v-on:click传递动态参数的步骤

    如果需要向事件处理方法传递参数，我们可以在模板中直接使用JavaScript表达式。在调用方法时，我们可以传递一个额外的参数。但当需要在方法中使用事件对象本身时，我们会遇到问题。因为在方法调用时，额外的参数必须...

    js传参数到后台读取数据再传到前台的例子

    这个例子展示了如何通过Ajax通信从JavaScript向后台传递参数，从数据库获取数据，并将数据以字符串形式返回到前端。在实际应用中，你需要根据项目需求调整代码，例如处理错误、优化性能、使用更安全的数据库查询方法...

    Flash As3.0 Web传递参数

    本教程将详细讲解如何在Flash ActionScript 3.0（AS3）中通过URL来传递参数，帮助你理解和掌握这一核心技术。 一、URL变量与Flash 在Flash中，我们可以通过`loaderInfo.parameters`对象来访问URL中的查询字符串参数...

    javascript自定义函数参数传递为字符串格式.docx

    ### JavaScript自定义函数参数传递为字符串格式 在JavaScript编程中，函数是程序的基本构建块之一，用于封装一段可重复使用的代码逻辑。对于函数而言，参数的传递是非常重要的一个环节，它直接影响到函数内部如何...

    ajax中使用javascript的send方法post参数

    在实际应用中，经常会出现同时使用URL和POST方法传递参数的情况。例如： ```javascript http_request.open('POST', 'default.aspx?value=333', true); http_request.send('value=1&b=5'); ``` 这种情况下，服务器...

    C#与JS联合编程的传值

    本篇文章将重点探讨C#与JavaScript（简称JS）联合编程时的数据传递方式，通过具体的代码示例来阐述如何在WinForms应用程序中利用WebBrowser控件实现这两种语言间的交互。 #### 一、背景介绍 在实际开发过程中，...

    传递表单参数

    ### 传递表单参数 在Web开发中，表单是用户与服务器进行交互的重要手段之一。用户通过填写表单中的各个字段，提交给服务器端处理，实现数据的收集与交互。本文将详细介绍如何在MVC架构下传递表单参数，并探讨几种...

    JS调另一界面PHP 并传参数 并PHP反调JS

    本文将深入探讨如何使用JavaScript调用另一个PHP页面，并传递参数，以及PHP如何反过来调用JavaScript。我们将通过分析`index.html`和`yin.php`这两个文件名来构建一个实际的应用场景。 首先，让我们看看JavaScript...

Magicbox
Global site tag (gtag.js) - Google Analytics