`
czq5783095
  • 浏览: 48741 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

JavaScript解决html页面之间传值问题

阅读更多
JavaScript解决纯HTML静态页面之间参数传递的问题,解决办法如下:
parents.html如下:
<html>
	<head>
		<title>
			这是父页面
		</title>
		<script type="text/javascript">
			function createNewWindow(){
				var args=new Array("美女","房子","汽车");
				var url="children.html?args1="+args[0]+"&args2="+args[1]+"&args3="+args[2];
				var iHeight=100;
				var iWidth=400;
				var iTop=(window.screen.availHeight-30-iHeight)/2;
				var iLeft=(window.screen.availWidth-10-iWidth)/2;
				window.open(url,"childrenWindow","height="+iHeight+",width="+iWidth+",top="+iTop+",left="+iLeft+",toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no");	
			}
		</script>
	</head>
	<body>
		<input type="button" value="点击测试" onclick="createNewWindow()">
	</body>
</html>

children.html代码如下:
<html>
	<head>
		<title>
			这是子页面
		</title>
	</head>
	<body>
		<div id="resultDiv" name="resultDiv"></div>
	</body>
	<script type="text/javascript">
			var urlInfo=window.location.href;
			var argsIndex=urlInfo.indexOf("?");
			var args=urlInfo.substring((argsIndex+1)).split("&");
			var argsInfo="";
			for(i=0;i<args.length;i++){
				var argResult=args[i].split("=");
				if(argResult.length==2){
					argsInfo+="参数名["+argResult[0]+"]";
					argsInfo+="参数值["+argResult[1]+"]";
					argsInfo+="<br/>";
				}						
			}
			document.getElementById("resultDiv").innerHTML=argsInfo;
	</script>
</html>

如果大家有其他比较好的办法,麻烦请告诉我... 要源码的留下邮箱,发给大家
分享到:
评论

相关推荐

    JavaScript实现在页面间传值的方法

    在客户端使用JavaScript进行页面间传值是一种不需要服务器端参与的解决方案。本文档通过实例介绍了几种使用JavaScript在不同页面间传递值的方法。 在提到的第一种方法中,我们通过在a.html页面中定义一个表单,并在...

    javascript 两个页面之间传值

    以上就是在JavaScript中两个页面之间传值的常见方法。每种方法都有其适用场景,根据实际需求选择合适的方式。记住,跨域安全问题在使用这些方法时也需要考虑,特别是涉及到`localStorage`和`postMessage`时。在实际...

    ajax\HTML 页面与页面之间传值

    "Ajax"(Asynchronous JavaScript and XML)和HTML页面之间的值传递是实现这一目标的关键技术。本篇文章将深入探讨如何使用Ajax和HTML来实现在不同页面间传递数据。 首先,了解Ajax的核心概念。Ajax是一种在不刷新...

    javascript页面之间传值

    在JavaScript编程中,页面间传值是一个常见的需求,特别是在构建多窗口或框架的应用时。本实例将探讨如何在父窗口与子窗口之间有效地传递数据,以及两种实现这一目标的方法。 第一种方法是通过`window.open()`函数...

    jquery实现页面之间的传值功能

    ### jQuery 实现页面之间的传值功能 #### 一、概述 在 Web 开发中,页面间的数据传递是一项基本且重要的任务。传统的表单提交方法虽然简单有效,但在用户体验上往往不尽如人意。随着 AJAX 技术的发展,利用 ...

    js实现页面与页面之间传值,js利用地址栏URL传值,利用H5 Web 存储 传值,利用JavaScript Cookie存储 传值

    本文将详细介绍JavaScript如何实现页面间传值,包括通过URL、H5 Web Storage(包括localStorage和sessionStorage)以及JavaScript Cookie来传递和存储数据。 首先,我们来看**通过URL传值**。在浏览器的地址栏中,...

    HTML之间传值

    JSP之间传值大家应该都会,在HTML之间传值大家考虑过吗? 本文档完美的在HTML之间传值,并且可以随意过滤掉不想要的传值。 更多资源请关注我的博客:http://blog.csdn.net/imwangjiping

    两个jsp页面之间传值的问题,和checkbox多选框之间的问题

    本篇文章将聚焦于“两个JSP页面之间传值的问题”以及与之相关的“checkbox多选框”处理。博主houyajie在iteye博客上分享了这个问题的解决方案,让我们深入探讨一下。 首先,我们来看JSP页面间传值的基本方法: 1. ...

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

    本文将详细讲解如何利用JavaScript处理URL中的查询参数,以及如何在目标页面...通过本文的介绍和示例,相信读者能够对在静态HTML页面中使用JavaScript进行参数跳转和传递有更深刻的理解,并能够在实际开发中灵活运用。

    jsp页面之间的传值

    ### JSP页面之间的传值详解 #### 一、引言 在Web开发中,数据的传递是一项基础且重要的任务。特别是在使用JSP技术时,如何有效地在不同的JSP页面或JSP与Servlet之间进行数据传输,是每个开发者都需要掌握的核心...

    跨页面传值跨页面传值

    在网页开发中,跨页面传值是一个常见的需求,它指的是在不同的HTML页面之间传递数据。以下将详细介绍五种跨页面传值的基本方法。 1. **URL参数传递**:这是最简单的方法,通过在链接的URL后面添加问号(?)和参数对...

    javascript和jsp页面之间的传值.docx

    ### JavaScript与JSP之间数据传输方法详解 #### 一、引言 在Web开发中,前端与后端的数据交互是一项非常重要的技术。其中,JavaScript作为前端的主要编程语言,而Java Server Pages (JSP)作为后端的一种常用技术,...

    javascript静态页面传值的三种方法

    【JavaScript静态页面传值的三种方法】 在网页开发中,我们经常需要在不同的页面之间传递数据,尤其是在没有服务器端交互的静态页面中。JavaScript提供了多种方法来实现这一目标,包括通过URL、Cookie以及...

    javascript 父窗口、子窗口传值问题

    2. **使用`postMessage`和`message`事件**:这是HTML5引入的一种安全且推荐的方式,允许不同源的页面之间进行通信。子窗口发送消息,父窗口监听`message`事件接收: ```javascript // 子窗口 window.opener.post...

    javascript 跨网页传值

    JavaScript跨网页传值是Web开发中的常见需求,它允许用户在不同的HTML页面间传递数据,无需依赖服务器端技术如JSP中的session。本教程将详细讲解如何实现这一功能,主要涉及JavaScript的基础知识以及一些实用技巧。 ...

    Hbuilder MUI 页面刷新及页面传值问题

    ### HBuilder MUI 页面刷新及页面传值问题详解 #### 一、页面刷新问题 在HBuilder MUI框架中,实现页面之间的数据刷新是常见需求之一。以下将详细介绍如何通过MUI提供的API来完成这一功能。 ##### 1. 父页面A跳转...

    两个页面之间的传值方法

    本文将详细介绍两个页面之间的传值方法,包括常见的几种传值方式及其应用场景,并通过具体示例进行说明,帮助读者更好地理解和掌握这一核心技能。 ### 一、URL参数传值 #### 1.1 基本原理 URL参数传值是最为直接的...

    window.open父子窗口传值问题

    要解决父子窗口间的传值问题,有以下几种方法: 1. **使用URL参数**:在`window.open`的`url`中添加查询参数来传递数据。例如: ```javascript var url = "child.html?data=" + encodeURIComponent(value); var ...

    在JS中。页面间传值

    这个过程涉及到用户在不同的HTML页面之间导航,并确保某些数据能够被安全有效地传输。在本篇文章中,我们将深入探讨如何在A页面打开B页面后,从B页面返回一个值并在A页面上显示。 首先,我们有两个主要的文件:A....

Global site tag (gtag.js) - Google Analytics