HTML - html之间传值并接收

<html>

	<head><title>1.html</title></head>

	<body>
		<a href="2.html?code=123&pp=321">value between the htmls </a>
	</body>

</html>
<html>

	<head><title>2.html</title></head>

	<body>

		<center>
			<input type="test" id="parameterName1"/>
			<input type="test" id="htmlCode1"/><br>
			<input type="test" id="parameterName2"/>
			<input type="test" id="htmlCode2"/>
		</center>

		<script type="text/javascript">			

			var parameterName = "parameterName",				// 统一参数名前缀
				unifiedIdName = "htmlCode",						// 统一参数值前缀
				name,											// 参数名
				values,											// 参数值
				tmpArr,											// 第三变量数组
				QueryString,									// 问号之后的URL字符串
				whyIndex,										// 问号的下标索引
				URL = document.location.toString(); 			// URL地址

			if(URL.lastIndexOf("?") != -1){ 

				QueryString = URL.substring(URL.lastIndexOf("?")+1, URL.length); 		// 判断URL是否带参数传递
				tmpArr = QueryString.split("&");				// 分离参数地址中and符号的每一个参数块

				for (var i=0; i < tmpArr.length; i++) {

					whyIndex = tmpArr[i].indexOf("=");
					if(whyIndex > 0){

						name = tmpArr[i].substring(0, whyIndex) ;			// 获取参数名
						values = tmpArr[i].substring(whyIndex + 1) ;		// 获取参数值
						document.getElementById(parameterName + (i + 1) + "").value = name ;	// 给指定id赋参数名
						document.getElementById(unifiedIdName + (i + 1) + "").value = values ;	// 给指定id赋参数值
					}
				}
			} else {
				QueryString = "";
			}

		</script>

	</body>

</html>

传值都是一样的,在这里我就随便用一个浏览器测试给大家看下吧。

360浏览器显示效果:

时间: 2024-11-06 05:22:59

HTML - html之间传值并接收的相关文章

我的项目9 网页之间传值二 HTML5本地存储

在我的项目1中写到过网页之间传值,但是那种方式在andriod4.0和以下版本就传不过去了,于是乎,就打起了HTML5本地存储的注意.大家看一下代码就知道什么意思了: 发送数据页面: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript">

IOS View之间传值

1.利用NSUserDefaults来传值,这种方法只限于传少量数据的情形: 比如你要传一个float的值,在需要传的时候用 [[NSUserDefaults standardUserDefaults] setFloat:float forKey::@"float"] 接收值的时候用 [[NSUserDefaults standardUserDefaults] floatForKey:@"float"] 2.NSNotificationCenter来传值 - (vo

【转】【ASP.NET MVC系列】浅谈ASP.NET 页面之间传值的几种方式

ASP.NET MVC系列文章 原文地址:https://www.cnblogs.com/wangjiming/p/6275854.html [01]浅谈Google Chrome浏览器(理论篇) [02]浅谈Google Chrome浏览器(操作篇)(上) [03]浅谈Google Chrome浏览器(操作篇)(下) [04]浅谈ASP.NET框架 [05]浅谈ASP.NET MVC运行过程 [06]浅谈ASP.NET MVC 控制器 [07]浅谈ASP.NET MVC 路由 [08]浅谈AS

react组件之间传值方式

1.父向子(通过props传值) 2.父向更深层的子(通过context传值) 3.子向父(通过回调函数传值:在父组件中创建一个函数来接收子组件传过来的参数值,通过父组件将这个函数做为子组件的属性传递到子组件中,再然后,子组件通过props接收并调用该函数同时传参) 4.没有任何嵌套关系的组件之间传值(如:兄弟组件之间) 原文地址:https://www.cnblogs.com/yieix/p/12004664.html

MVC 控制器之间传值学习——session

刚接触MVC不久,写的一些代码自己都不忍心看下去.路漫漫其修远兮,宝宝还需努力!之前只用过Session做登录时用户信息的储存,今天对集合类数据做了小小的尝试:利用session在控制器之间传值,以减少代重复率. 1.将数据储存到Session中(不受类型限制): 2.从session中读取数据(注意转换为正确的的数据类型): 3.随你怎么操作. using System.Collections.Generic; using System.Linq; using System.Web.Mvc;

Asp.Net Core MVC控制器和视图之间传值

一.Core MVC中控制器和视图之间传值方式和Asp.Net中非常类似 1.弱类型数据:ViewData,ViewBag 2.强类型数据:@model 二.代码 实例  1.ViewData public IActionResult Index() { //测试的 时候在Cummuty2017的最新版中右键添加视图生成的 视图文件的编码 为ANSI对于中文显示乱码 //使用ViewData 实现 控制器 和 视图之间传值 /* * 1.ViewData指定键值对的方式设置或读取 数据 * 2.

一个简易的便签工具:探索窗体之间传值和传引用的方法

简单的便签工具:实现了基于文本的便签信息的浏览,删除,添加.可以查看时间,实时更新数据. 这个便签工具完全基于面向对象的编程方式,首先定义Note类,然后使用NoteManager类进行便签的管理.其中的关键就是在NoteManager类中定义list<Note>泛型集合.原理上和ArrayList基本是一致的. NoteManager的工作原理: public List<Note> list;//定义一个泛型集合,并在构造函数中初始化. private int CurrentIn

js父页面和子页面之间传值

今天和朋友一块讨论,怎样通过js在父页面和子页面之间传值的问题,总结例如以下: 需求描写叙述:父页面有多个子页面.实如今父页面点击子页面,传值到子页面. 看着非常easy,试了好久.主要纠结在怎样获取iframe,刚開始用document.getElementById('iframe的ID'),后来查资料才发现这样的方法仅仅是去取出了一个OBJECT,不能操作它的函数方法.后来改成window.iframes["iframe的name"],这样就能够获取子页面的整个DOM,能够操作它的

asp.net页面之间传值方法详解

asp.net中页面之间传值我们用得最多的就是get,post这两种了,其它的如session,appliction,cookie等这些相对来说少用也不是常用的,只是在特殊情况下在使用了. 1. Get(即使用QueryString显式传递) 方式:在url后面跟参数. 特点:简单.方便. 缺点:字符串长度最长为255个字符:数据泄漏在url中. 适用数据:简单.少量.关键的数据. 适用范围:传递给自己.传递给另一个目标页面:常用于2个页面间传递数据. 用法:例如:url后加?UserID=…,