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在不同页面间传递值的方法。 在提到的第一种方法中,我们通过在a.html页面中定义一个表单,并在...
以上就是在JavaScript中两个页面之间传值的常见方法。每种方法都有其适用场景,根据实际需求选择合适的方式。记住,跨域安全问题在使用这些方法时也需要考虑,特别是涉及到`localStorage`和`postMessage`时。在实际...
"Ajax"(Asynchronous JavaScript and XML)和HTML页面之间的值传递是实现这一目标的关键技术。本篇文章将深入探讨如何使用Ajax和HTML来实现在不同页面间传递数据。 首先,了解Ajax的核心概念。Ajax是一种在不刷新...
在JavaScript编程中,页面间传值是一个常见的需求,特别是在构建多窗口或框架的应用时。本实例将探讨如何在父窗口与子窗口之间有效地传递数据,以及两种实现这一目标的方法。 第一种方法是通过`window.open()`函数...
### jQuery 实现页面之间的传值功能 #### 一、概述 在 Web 开发中,页面间的数据传递是一项基本且重要的任务。传统的表单提交方法虽然简单有效,但在用户体验上往往不尽如人意。随着 AJAX 技术的发展,利用 ...
本文将详细介绍JavaScript如何实现页面间传值,包括通过URL、H5 Web Storage(包括localStorage和sessionStorage)以及JavaScript Cookie来传递和存储数据。 首先,我们来看**通过URL传值**。在浏览器的地址栏中,...
JSP之间传值大家应该都会,在HTML之间传值大家考虑过吗? 本文档完美的在HTML之间传值,并且可以随意过滤掉不想要的传值。 更多资源请关注我的博客:http://blog.csdn.net/imwangjiping
本篇文章将聚焦于“两个JSP页面之间传值的问题”以及与之相关的“checkbox多选框”处理。博主houyajie在iteye博客上分享了这个问题的解决方案,让我们深入探讨一下。 首先,我们来看JSP页面间传值的基本方法: 1. ...
本文将详细讲解如何利用JavaScript处理URL中的查询参数,以及如何在目标页面...通过本文的介绍和示例,相信读者能够对在静态HTML页面中使用JavaScript进行参数跳转和传递有更深刻的理解,并能够在实际开发中灵活运用。
### JSP页面之间的传值详解 #### 一、引言 在Web开发中,数据的传递是一项基础且重要的任务。特别是在使用JSP技术时,如何有效地在不同的JSP页面或JSP与Servlet之间进行数据传输,是每个开发者都需要掌握的核心...
### JavaScript与JSP之间数据传输方法详解 #### 一、引言 在Web开发中,前端与后端的数据交互是一项非常重要的技术。其中,JavaScript作为前端的主要编程语言,而Java Server Pages (JSP)作为后端的一种常用技术,...
【JavaScript静态页面传值的三种方法】 在网页开发中,我们经常需要在不同的页面之间传递数据,尤其是在没有服务器端交互的静态页面中。JavaScript提供了多种方法来实现这一目标,包括通过URL、Cookie以及...
2. **使用`postMessage`和`message`事件**:这是HTML5引入的一种安全且推荐的方式,允许不同源的页面之间进行通信。子窗口发送消息,父窗口监听`message`事件接收: ```javascript // 子窗口 window.opener.post...
JavaScript跨网页传值是Web开发中的常见需求,它允许用户在不同的HTML页面间传递数据,无需依赖服务器端技术如JSP中的session。本教程将详细讲解如何实现这一功能,主要涉及JavaScript的基础知识以及一些实用技巧。 ...
### HBuilder MUI 页面刷新及页面传值问题详解 #### 一、页面刷新问题 在HBuilder MUI框架中,实现页面之间的数据刷新是常见需求之一。以下将详细介绍如何通过MUI提供的API来完成这一功能。 ##### 1. 父页面A跳转...
本文将详细介绍两个页面之间的传值方法,包括常见的几种传值方式及其应用场景,并通过具体示例进行说明,帮助读者更好地理解和掌握这一核心技能。 ### 一、URL参数传值 #### 1.1 基本原理 URL参数传值是最为直接的...
要解决父子窗口间的传值问题,有以下几种方法: 1. **使用URL参数**:在`window.open`的`url`中添加查询参数来传递数据。例如: ```javascript var url = "child.html?data=" + encodeURIComponent(value); var ...
这个过程涉及到用户在不同的HTML页面之间导航,并确保某些数据能够被安全有效地传输。在本篇文章中,我们将深入探讨如何在A页面打开B页面后,从B页面返回一个值并在A页面上显示。 首先,我们有两个主要的文件:A....
在这个"静态页面的传值"主题中,我们将探讨如何在不同的静态HTML页面之间传递信息,主要通过JavaScript实现。 静态页面之间的传值是一个常见的需求,例如在导航链接、表单提交或页面间跳转时。在没有服务器端编程...