一個(gè)大型的監(jiān)控平臺(tái)，需要集成H3C的視頻監(jiān)控系統(tǒng)，集成的方式是通過(guò)靜態(tài)頁(yè)面。H3C提供一個(gè)頁(yè)面的控件，直接在頁(yè)面通過(guò)JS腳本調(diào)用。需要給這個(gè)控件傳遞一個(gè)攝像機(jī)的編號(hào)，傳遞后，頁(yè)面的控件便顯示出該攝像機(jī)的視頻。調(diào)用方便，但是問(wèn)題來(lái)了，需要在一個(gè)獨(dú)立的頁(yè)面顯示攝像機(jī)的視頻，用戶需要看視頻時(shí)，就從主頁(yè)面選擇對(duì)應(yīng)的攝像機(jī)來(lái)打開(kāi)這個(gè)頁(yè)面，并傳遞對(duì)應(yīng)攝像機(jī)的編號(hào)。當(dāng)時(shí)系統(tǒng)界面都是靜態(tài)的HTML頁(yè)面，那么如何在兩個(gè)靜態(tài)的HTML頁(yè)面之間傳遞不同的攝像機(jī)的編號(hào)，實(shí)現(xiàn)視頻的動(dòng)態(tài)切換，又讓用戶無(wú)感知呢（當(dāng)時(shí)用戶不想讓頁(yè)面的URL有任何變化，所以不能在URL做文章了）？

其中一個(gè)方法分享如下：

在主系統(tǒng)頁(yè)面，加上一個(gè)文本條，用于顯示（在此你也可以認(rèn)為是存儲(chǔ)）用戶點(diǎn)擊的攝像機(jī)編號(hào)

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

在主系統(tǒng)界面上，針對(duì)每一個(gè)攝像機(jī)圖標(biāo)，當(dāng)用戶點(diǎn)擊時(shí)，調(diào)用一個(gè)JS方法，該方法將步驟1的文本框里設(shè)定一個(gè)值，值就是攝像機(jī)的編號(hào)，然后，打開(kāi)攝像機(jī)視頻的頁(yè)面。

以下是JS里面具體的方法實(shí)現(xiàn)：

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+"攝像機(jī)視頻";

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

nw.focus();

在攝像機(jī)視頻的頁(yè)面，用window.opener.document.getElementById('CamIDText').value獲取對(duì)應(yīng)的攝像機(jī)編號(hào)，然后傳遞給視頻控件。

把步驟1的對(duì)話框隱藏，否則在主界面多一個(gè)這樣的對(duì)話框會(huì)讓我們的用戶感到奇怪。

總結(jié)

以上是生活随笔為你收集整理的在两个静态HTML页面之间传递参数的一个方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。