`
Ben.Sin
  • 浏览: 230266 次
  • 性别: 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     
发表评论

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

相关推荐

    javascript函数的解释

    49.引用一个文件式的JS:&lt;script type="text/javascript" src="aaa.js"&gt; 50.指定在不支持脚本的浏览器显示的HTML:&lt;noscript&gt;&lt;/noscript&gt; 51.当超链和ONCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例...

    JavaScript参数个数可变的函数举例说明

    JavaScript允许一个函数传递个数可变的参数，因为有arguments这个内置对象，它一个函数传递的所有参数的数组。举个例子，就明白了。 代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transiti

    js-object-oriented-bind-call-apply-readme-v-000

    说明将参数传递给目标函数的方式中call()和apply()之间的区别 使用bind()创建与指定上下文关联的新函数 使用bind()异步执行函数 调用功能的替代方法 在this探索时，我们看到了如何根据调用方式进行更改。 让我们看...

    WebSocket实战之——JavaScript例子

    详细解读一个简单html5WebSocket的Js实例教程,附带完整的javascriptwebsocket实例源码，以及实例代码效果演示页面，并对本实例的核心代码进行了深入解读。从WebSocket通讯三个阶段（打开握手、数据传递、关闭握手）...

    字符串内特殊字符在html_javascript_xml等内使用时的转换

    页面中将服务器上链接到该附件的绝对地址作为参数pathname的值传递给createHref(pathname)函数,可是页面在加载时总是无法将pathname传递给该函数,调试时IE报”缺少十六进制数字”这样的错误,实在是看不懂什么意思,...

    javaScript实例自学手册486例,附带目录可方便搜索

    1.24 使用JavaScript传递页面参数.htm 1.25 页面被冻结.htm 1.26 页面的地震效果.htm 1.28 页面逐渐缩小.htm 1.29 页内跳转.htm 1.3 页面自动刷新.htm 1.30 代码测试页面.htm 1.31 屏幕式左右拉开页面的效果...

    react-dnd-multi-backend:允许您同时使用多个React DnD后端（例如HTML5和touch）

    用法只需将所需的后端作为参数传递给MultiBackend 。例子import React , { Component } from 'react' ;import MultiBackend from 'react-dnd-multi-backend' ;import ...

    js使用小技巧

    网页传递参数 location.search(); 可编辑 obj.contenteditable=true 执行菜单命令 obj.execCommand 双字节字符 /[^x00-xff]/ 汉字 /[u4e00-u9fa5]/ 让英文字符串超出表格宽度自动换行 word-wrap: ...

    jQuery详细教程

    &lt;script type="text/javascript" src="/jquery/jquery.js"&gt; &lt;script type="text/javascript"&gt; $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); &lt;p&gt;If you click on me, I ...

    javascriptbyexample:Javascript范例

    将函数作为参数传递函数：接收可变数量的参数函数：返回可变数量的参数函数：递归函数事件处理鼠标事件关键事件更改标签值变更班级更改输入元素鼠标X / Y坐标通过标签名称获取元素元素样式操纵URL 编辑子节点设定...

    在Android的webview中定制js的alert,confirm和prompt对话框的方法

    在这个例子中，我们使用 "对话框" 作为标题，消息则是从 JavaScript 中传递过来的参数。 在 onJsConfirm 方法中，我们可以使用 AlertDialog.Builder 来创建一个自定义的确认对话框。我们可以设置对话框的标题、消息...

    DBosta.js:HTML5 localStorage DB 使用类似 JSON 格式的促进器

    #DBosta.js ###HTML5 localStorage DB 使用类似 JSON 格式的服务商不要忘记检查 demo.html 文件，那里有一个完整的例子＃＃特征标准 Javascript 支持不需要框架添加/更新/删除集合添加/更新/删除记录使用 $and 和 $...

    freemarker总结

    5、 方法：通过传递的参数进行计算，以新对象返回结果 方法变量通常是基于给出的参数计算值在数据模型中定义。 6、 用户自定义FTL指令：宏和变换器 7、 节点 节点变量表示为树型结构中的一个节点，通常在XML...

    html静态页面调用php文件的方法

    本文实例讲述了html静态页面调用php...如在页面a.html中用下面这句调用，可以将action=test的参数传递到b.php。 Javascript代码 复制代码 代码如下:[removed][removed] 在b.php中有这样一段PHP代码: 复制代码 代码如

    vue.js 过滤器使用及原理分享讨论

    Vue.js 过滤器使用及原理分享讨论 一. 过滤器使用场景/语法/分类 ... {{row.isAgree | filterFormat}} // 注：row.isAgree将作为参数传递给filterFormat // js export default{ data(){ return {

    js面向对象的绑定调用应用自述文件nyc-web-030920-mod-3-repeat

    目标使用call() ，并apply()来调用一个函数与一个明确的价值this 解释将参数传递给目标函数的方式中call()和apply()之间的区别使用bind()创建与指定上下文关联的新函数使用bind()异步执行功能调用功能的替代方法在...

    validate-color：by通过“名称”，“特殊名称”，“十六进制”，“ rgb”，“ rgba”，“ hsl”，“ hsla”，“ hwb”或“ lab”值验证HTML颜色

    当我编写，我认为允许用户将他们想要的任何HTML颜色作为函数的参数之一传递给我，这将是很棒的。 但是由于HTML颜色有很多变化，因此是复杂的字符串，所以我花了很长时间才意识到我必须做很多检查才能验证用户传递的...

    any-stream:使任何接受字符串输入的函数都可流式传输

    通过利用首先传递流的内容，然后将任何连续的参数传递给它，使fn可流式传输。 例子 var fs = require ( 'fs' ) var anyStream = require ( 'any-stream' ) var htmlMinifier = require ( 'html-minifier' ) . ...

    简介JavaScript中search()方法的使用

    如果非RegExp对象obj传递，它是隐式通过使用new RegExp(obj) 转换为RegExp 返回值: 如果成功的话，搜索将返回字符串内的正则表达式的索引。否则，它返回 -1. 例子： &lt;html&gt; &lt;head&gt; &lt;title&gt;...

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