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

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

其中一个方法分享如下：

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

   <INPUT TYPE="text" VALUE="" id=CamIDText>

2. 在主系统界面上，针对每一个摄像机图标，当用户点击时，调用一个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();

3. 在摄像机视频的页面，用window.opener.document.getElementById('CamIDText').value获取对应的摄像机编号，然后传递给视频控件。

4. 把步骤1的对话框隐藏，否则在主界面多一个这样的对话框会让我们的用户感到奇怪。