精通ASP.NET中彈出技術(shù)
并探討常用非標(biāo)準(zhǔn)IE瀏覽器對彈出的窗口的各種過濾行為及使用彈出窗口相應(yīng)對策,以期給出使用彈出窗口的一個通用較優(yōu)方案。
作為Microsoft的最新建立動態(tài)Web網(wǎng)站的工具,ASP.NET相對于ASP和JSP在改變原始的Web編程方式方面有了長足的長進(jìn)。它的代碼與頁面分離技術(shù)(CodeBehind)以及完善的Web服務(wù)器控件為程序員提供了一個更加符合傳統(tǒng)編程的Web服務(wù)器端開發(fā)方式。但Web編程還是有著與傳統(tǒng)編程不相同的特點,這些特點決定了ASP.NET編程中必須以一些特殊的技巧來完成程序要求,彈出窗口正是這類編程方式的代表。相當(dāng)多的編程書籍對彈出窗口采取緘默或者一語帶過,似乎看不過彈出窗口的巨大使用天地。本文將為你解開彈出窗口使用中的大多數(shù)問題。
為了提高網(wǎng)站的訪問的并發(fā)度和吞吐量,與其它服務(wù)器腳本一樣,ASP.NET同樣使用了客戶端腳本來減輕服務(wù)器的壓力。ASP.NET到現(xiàn)在(1.1版)為止并不直接支持彈出窗口,必須通過JavaScript(或VBScript)來使用客戶端彈出窗口。
一、 警告窗口與在CodeBehind中使用客戶端腳本的方式
要在瀏覽器中彈出一個最簡單的警告窗口,可以使用JavaScript語句:
window.alert( [sMessage])
其中,sMessage是提示信息??上?,這樣的彈出窗口是只有一個“確定”按鈕,只能起到提示作用。如果我們要在刪除記錄時候彈出一個詢問的彈出窗口,此時你需要使用:
bConfirmed = window.confirm( [sMessage])
其中:bConfirmed是返回值,sMessage是提示信息。這個彈出窗口有兩種選擇:“確定”或“放棄”,其選擇的返回值放在bConfirmed中,可供代碼作出判斷。
為了提高代碼的可重用性與可讀性,應(yīng)當(dāng)使JavaScript與Codehind相互溶合。通常有兩種方式可以達(dá)到這樣的效果。
(1) 使用Response.Write方法:
使用Response.Write方法早在ASP時代就已經(jīng)被支持了。它可以把代碼寫到客戶端,是一種相當(dāng)方便且直觀的方法。以下代碼演示了如何使用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代碼,你會發(fā)現(xiàn)Response.Write方法生成的代碼是寫到了HTML代碼的最開始,即標(biāo)簽之前。此時,所有的 HTML對象都還沒有生成,如果要想使用HTML內(nèi)的對象,并與之交互,就會出現(xiàn)“找不到對象”的錯誤。因此,筆者推薦一個更加符合CodeBehind方式的方式----使用RegisterXXX方法。RegisterXXX包括:RegisterClientScriptBlock、RegisterStartupScript以及用于判斷的IsStartupScriptRegistered函數(shù)。
RegisterStartupScript 的原型是:
Overridable Public Sub RegisterStartupScript( _
ByVal key As String, _
ByVal script As String _
)
其中:key表示這個腳本的唯一標(biāo)識,script是代表腳本的字符串。
RegisterClientScriptBlock的原型與RegisterStartupScript相同,兩個函數(shù)不同在于將其包含的腳本代碼寫入到HTML文件的不同位置。RegisterClientScriptBlock在 Page 對象的 元素的開始標(biāo)記后立即發(fā)出客戶端腳本,RegisterStartupScript則是在Page 對象的 元素的結(jié)束標(biāo)記之前發(fā)出該腳本。如果你的腳本有與頁面對象(doucument對象)進(jìn)行交互的語句(這在我們后面的例子中看到),則推薦使用RegisterStartupScript,反之如果要想客戶端腳本盡可能早的執(zhí)行,則可以使用RegisterClientScriptBlock或Response.Write。
為了防止在頁面中反復(fù)加入腳本,在注冊腳本時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
‘判斷是否已經(jīng)加入了該腳本,沒有則加入。
Dim strScript As String
strScript = " "
‘注冊腳本
RegisterClientScriptBlock("clientScript", strScript)
‘如果選擇”否”,則繼續(xù)向下執(zhí)行。
End If
End Sub
二、 彈出指定頁面
光有提示窗口還遠(yuǎn)遠(yuǎn)不能滿足我們的要求,在程序中,我們常常需要彈出指定頁面。此時可以使用JavaScript的window.open方法。配合前面的RegisterClientSciptBlock方法,我們就可以實現(xiàn)指定頁面的彈出。
以下代碼展示了如何彈出指定頁面:
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
’判斷是否已經(jīng)加入了該腳本,沒有則加入。
Dim strScript As String = " "
RegisterStartupScript("OpenScript", strScript)
End If
End Sub
程序使用Window.open方法來彈出新的頁面,它只一個參數(shù):新的彈出窗口的URL地址。事實在window.open方法有多個參數(shù),但這是javascipt的簡單內(nèi)容,我們將不會在這兒詳細(xì)分說。如果你有相關(guān)的問題,請查詢MSDN。
這段程序在IE中直接使用一切正常。但如果你正在使用類如GoSurf、MyIE2、NetCapter之類的瀏覽器,那么,很不幸! 你將看不到彈出窗口。這就是我們將要討論的彈出窗口過濾問題。
由于Gosurf這樣的瀏覽器本身就重載了Shocvm.dll組件,所以使用第三種方法就自然成了順理成章的事。然而在使用過程中有時也會發(fā)現(xiàn),廣告過濾不很完美,但原理基本如此。
相關(guān)文章
ASP.NET Core中的Action的返回值類型實現(xiàn)
這篇文章主要介紹了ASP.NET Core中的Action的返回值類型實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
asp.net實現(xiàn)Postgresql快速寫入/讀取大量數(shù)據(jù)實例
本篇文章主要介紹了asp.net實現(xiàn)Postgresql快速寫入/讀取大量數(shù)據(jù)實例,具有一定的參考價值,有興趣的可以了解一下2017-07-07
asp.net使用LINQ to SQL連接數(shù)據(jù)庫及SQL操作語句用法分析
這篇文章主要介紹了asp.net使用LINQ to SQL連接數(shù)據(jù)庫及SQL操作語句用法,較為詳細(xì)的分析了LINQ操作sql語句的功能、使用方法與相關(guān)注意事項,需要的朋友可以參考下2016-05-05
asp.net后臺如何動態(tài)添加JS文件和css文件的引用
動態(tài)添加JS文件和css文件的引用在asp.net后臺如何實現(xiàn)呢?首先添加命名空間 using System.Web.UI.HtmlControls,之后按照下面的步驟操作即可2014-09-09

