摘要:本文討論如何以ASP.NET中的CodeBehind方式實現各種彈出窗口,實現與彈出窗口的交互。並探討常用非標準IE瀏覽器對彈出的視窗的各種過濾行為及使用彈出視窗相應對策,以期給出使用彈出視窗的一個通用較優方案。
關鍵字:ASP.NET、CodeBehind、過濾、COM介面、JavaScript、綁定
作為Microsoft的最新建立動態Web網站的工具,ASP.NET相對於ASP和JSP在改變原始的Web程式設計方式方面有了長足的長進。它的程式碼與頁面分離技術(CodeBehind)以及完善的Web伺服器控制項為程式設計師提供了一個更符合傳統程式設計的Web伺服器端開發方式。但Web程式設計還是有著與傳統程式設計不相同的特點,這些特點決定了ASP.NET程式設計中必須以一些特殊的技巧來完成程式要求,而彈出視窗正是這類程式設計方式的代表。相當多的程式設計書籍對彈出視窗採取緘默或一語帶過,似乎看不過彈出視窗的巨大使用天地。本文將為你解開彈出視窗使用中的大多數問題。
為了提高網站的存取的並發度和吞吐量,與其它伺服器腳本一樣,ASP.NET同樣使用了客戶端腳本來減輕伺服器的壓力。 ASP.NET到現在(1.1版)為止並不直接支援彈出窗口,必須透過JavaScript(或VBScript)來使用客戶端彈出窗口。
一、 警告窗口與在CodeBehind中使用客戶端腳本的方式
要在瀏覽器中彈出一個最簡單的警告窗口,可以使用JavaScript語句:
window.alert( [sMessage])
其中,sMessage是提示訊息。可惜,這樣的彈出視窗是只有一個「確定」按鈕,只能起到提示作用。如果我們要在刪除記錄時候彈出一個詢問的彈出窗口,此時你需要使用:
bConfirmed = window.confirm( [sMessage])
其中:bConfirmed是回傳值,sMessage是提示訊息。這個彈出視窗有兩種選擇:“確定”或“放棄”,其選擇的返回值放在bConfirmed中,可供代碼作出判斷。
為了提高程式碼的可重複使用性與可讀性,應使JavaScript與Codehind相互溶合。通常有兩種方式可以達到這樣的效果。
(1) 使用Response.Write方法:
使用Response.Write方法早在ASP時代就已經被支援了。它可以把程式碼寫到客戶端,是相當方便且直覺的方法。以下程式碼示範如何使用Response.Write方法來顯示一個警告訊息。
Private Sub btAlert_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btAlert.Click
'示範Response.Write方法和alert視窗。
Response.Write(" ")
End Sub
(2) 使用RegisterXXX方法
如果你觀察Response.Write的產生HTML程式碼,你會發現Response.Write方法產生的程式碼是寫到了HTML程式碼的最開始,也就是標籤之前。此時,所有的HTML對像都還沒有生成,如果要想使用HTML內的對象,並與之交互,就會出現「找不到對象」的錯誤。因此,筆者推薦一個更符合CodeBehind方式的方式----使用RegisterXXX方法。 RegisterXXX包含:RegisterClientScriptBlock、RegisterStartupScript以及用於判斷的IsStartupScriptRegistered函式。
RegisterStartupScript 的原型是:
Overridable Public Sub RegisterStartupScript( _
ByVal key As String, _
ByVal script As String _
)
其中:key表示這個腳本的唯一標識,script是代表腳本的字串。
RegisterClientScriptBlock的原型與RegisterStartupScript相同,兩個函數不同在於將其包含的腳本程式碼寫入到HTML檔案的不同位置。 RegisterClientScriptBlock在Page 物件的元素的開始標記後立即發出客戶端腳本,RegisterStartupScript則是在Page 物件的元素的結束標記之前發出該腳本。如果你的腳本有與頁面物件(doucument物件)互動的語句(這在我們後面的例子中看到),則推薦使用RegisterStartupScript,反之如果要想客戶端腳本盡可能早的執行,則可以使用RegisterClientScriptBlock或Response.Write。
為了防止在頁面中重複加入腳本,在註冊腳本時ReisterStartupScript/RegisterClientScriptBlock使用了key作為註冊的Key,然後在程式中可以使用IsClientScriptBlockRegistered作判斷。
以下範例將使用RegisterClientScriptBlock來示範confirm的使用方法。
Private Sub btConfirm_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btConfirm.Click
'示範RegisterClientScriptBlock方法和confirm視窗
If (Not IsClientScriptBlockRegistered("clientScript")) Then
'判斷是否已經加入了該腳本,沒有則加入。
Dim strScript As String
strScript = " "
'註冊腳本RegisterClientScriptBlock("clientScript", strScript)
'如果選擇”否”,則繼續向下執行。
End If
End Sub
二、 彈出指定頁面
光有提示視窗還遠遠不能滿足我們的要求,在程式中,我們常常需要彈出指定頁面。此時可以使用JavaScript的window.open方法。配合前面的RegisterClientSciptBlock方法,我們就可以實作指定頁面的彈出。
以下程式碼展示如何彈出指定頁面:
Private Sub btWinOpen_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btWinOpen.Click
'使用window.open與registerStartupScript簡單示範。
If (Not IsClientScriptBlockRegistered("OpenScript")) Then
'判斷是否已經加入了該腳本,沒有則加入。
Dim strScript As String = " "
RegisterStartupScript("OpenScript", strScript)
End If
End Sub
程式使用Window.open方法來彈出新的頁面,它只一個參數:新的彈出視窗的URL位址。事實在window.open方法有多個參數,但這是javascipt的簡單內容,我們將不會在這裡詳細分說。如果你有相關的問題,請查詢MSDN。
這段程式在IE中直接使用一切正常。但如果你正在使用類如GoSurf、MyIE2、NetCapter之類的瀏覽器,那麼,很不幸! 你將看不到彈出視窗。這就是我們將要討論的彈出視窗過濾問題。
三、 非標準IE瀏覽器對彈出視窗的過濾行為討論
廣告視窗的氾濫使得不少網民不堪鋪天蓋地的廣告騷擾紛紛放棄標準IE瀏覽器而使用諸如GoSurf、MyIE2、NetCapter這樣的使用IE內核支持多頁並能自動封鎖廣告的軟體。據說在即將發布的IE6 sp2中微軟也將加入封鎖廣告視窗功能。這對大多數網友當然是件好事,可對於程式設計師而言,我們使用彈出視窗的方式與一般廣告並無本質的不同,這樣的視窗也會被彈出視窗管理器不分青紅皂白的封殺,其結果當然是我們不願看到的。有沒有一個標準的方式能讓窗戶正常的彈出呢?這就要求我們了解瀏覽器封鎖廣告的原理。通常的廣告封殺方式使用以下三種方式進行廣告過濾:
(1)、基於窗口標題的封殺方式
這種封殺方式的原理是定時檢查所有的IE窗口標題,然後於已經有的列表(由程序維護的一個陣列列表)來比較,如果有相同的,我們就關閉這個視窗。顯然,這種方式有著諸多缺陷,它封鎖了所有的彈出的窗口,管得太死,在程式真正使用的很少。不過,依據它所進行的變形方式倒使用得相當的普遍。那就是,基於視窗標題名稱的智慧過濾技術,它根據彈出視窗的標題是否含有關於廣告的關鍵字進行封殺,這為提高過濾效果作出了很好的探索。
(2)、基於視窗類別和位置的封鎖方式
經過分析發現正常瀏覽視窗的類別名稱是IEFRAME和CabinetWClass,而廣告視窗的類別名稱是CabinetWClass。進一步分析發現:廣告視窗的WorkerA類別和Shell DocObject View類別的rect.top的值是相同的,正常IE視窗的WorkerA類別和Shell DocObject View類別的rect.top的值是不相同的。根據以上兩點就可以書寫廣告殺手程式了。 事實上,我對此程序的通用性持懷疑態度。因為筆者用Spy++分析發現,在Windows2000( 筆者使用的作業系統)中,IE視窗的類別都是IEFrame。同時,由於Win2000是一個基於Unicode代碼的作業系統,所以沒有WorkerA類,而以WorkerW類取代。同時,也不存在rect.top不相同的情況,由於筆者沒有WindowsXP作業系統,所以不能針對WindowsXP作進一步的試驗。
(3)、基於IE COM元件的封鎖方式
以上兩種方式都是把IE視窗當作一個普通的Windows視窗對待,進行判斷的。事實上,IE是一個典型的基於COM元件的瀏覽器,所有的基於IE核心的瀏覽器都是包裝shdocvw.dll文件,然後書寫相應的BHO程式碼。這樣才能做到真正的控制IE瀏覽器,而不是方法一、二這樣的隔靴癢。
還有一種基於IE核心的彈出視窗封鎖方法。它可以在彈出視窗打開之前加以攔截。其原理是:每當IE開啟新的視窗時候都會觸發NewWindow事件,執行OnNewWindow2([out] IDispatch*, [out] BOOL *bCancel)方法。重載此方法,判斷開啟新視窗事件是否發生在瀏覽頁面已經下載完畢之後。如果是,說明是正常的彈出窗口,反之加以攔截。
由於Gosurf這樣的瀏覽器本身就重載了Shocvm.dll元件,所以使用第三種方法就自然成了順理成章的事。然而在使用過程中有時也會發現,廣告過濾不很完美,但原理基本上是如此。