在两个静态HTML页面之间传递参数的一个方法

一个大型的监控平台，需要集成H3C的视频监控系统，集成的方式是通过静态页面。H3C提供一个页面的控件，直接在页面通过JS脚本调用。需要给这个控件传递一个摄像机的编号，传递后，页面的控件便显示出该摄像机的视频。调用方便，但是问题来了，需要在一个独立的页面显示摄像机的视频，用户需要看视频时，就从主页面选择对应的摄像机来打开这个页面，并传递对应摄像机的编号。当时系统界面都是静态的HTML页面，那么如何在两个静态的HTML页面之间传递不同的摄像机的编号，实现视频的动态切换，又让用户无感知呢（当时用户不想让页面的URL有任何变化，所以不能在URL做文章了）？

其中一个方法分享如下：

在主系统页面，加上一个文本条，用于显示（在此你也可以认为是存储）用户点击的摄像机编号

<INPUT TYPE="text" VALUE="" id=CamIDText>
在主系统界面上，针对每一个摄像机图标，当用户点击时，调用一个JS方法，该方法将步骤1的文本框里设定一个值，值就是摄像机的编号，然后，打开摄像机视频的页面。

以下是JS里面具体的方法实现：

document.getElementById('CamIDText').value = carmaid;

var url = "jingji_shipin.html";

var nw = window.open(url, null, "height=600,width=700,left=100,top=80,status=yes,toolbar=no,menubar=no,location=no");

nw.document.title = carmaid+"摄像机视频";

if(nw && nw.open && !nw.closed)

nw.focus();
在摄像机视频的页面，用window.opener.document.getElementById('CamIDText').value获取对应的摄像机编号，然后传递给视频控件。
把步骤1的对话框隐藏，否则在主界面多一个这样的对话框会让我们的用户感到奇怪。

在两个静态HTML页面之间传递参数的一个方法相关推荐

Asp.net页面之间传递参数的几种方法
Asp.net页面之间传递参数的几种方法第一种方法: 通过URL链接地址传递Request.QueryString send.aspx: protected void Button1_Clic ...
在两个ASP.NET页面之间传递变量【转】
ASP.NET提供了事件驱动编程模型,使开发者简化了应用程序的总体设计,但是这个也造成了它固有的一些问题,例如,在传统的ASP里,我们可以通过使用POST方法很容易地实现页面间传递变量,同样的事情,在 ...
在两个ASP.NET页面之间传递值
引言 ASP.NET提供了卓越的事件驱动编程模型,让开发者简化了应用程序的总体设计,但是这个也造成了它固有的一些问题,例如,使用传统的ASP里,我们可以通过使用POST方法很容易地实现页面间传递值,同 ...
页面之间传递参数得几种方法
1.hidden变量 <form id="Form1" method="post" runat="server"> &l ...
Asp.net页面之间传递参数的几种方法荟萃
第一种方法: 通过URL链接地址传递 send.aspx: protected void Button1_Click(object sender,EventArgs e) { ...
页面与页面之间传递参数
方式一: <jsp:useBean id="userForm" class="com.wgh.UserForm" scope="page&quo ...
窗口之间传递消息的一个方法
发送窗口的代码 using System; using System.Collections.Generic; using System.Linq; using System.Text; using ...
经典面试题(三)：ASP.NET部分----ASP.NET 页面之间传递值的几种方式
ASP.NET 页面之间传递值的几种方式 1.使用QueryString, 如....?id=1; response. Redirect().... 2.使用Session变量. 3.使用Serve ...
java两个web项目之间如何传值,两个项目之间传递参数有关问题 - 大神进
两个项目之间传递参数问题 --- 大神进情况 1.两个ssh项目 oms 与 GiftERP 2.调用的是GiftERP的一个Goods表,需要将表数据返回给oms项目 3.首先我oms的页面有一 ...

在两个静态HTML页面之间传递参数的一个方法

在两个静态HTML页面之间传递参数的一个方法相关推荐

最新文章

热门文章