在HTML網頁中巧用URL

2021-04-06 16:24:24 字數 1862 閱讀 7136

首先,先放出乙個位址給大家測試

1,時下流行的(可能是吧,因為最近問的人比較多)就是沒有任何檔名的url位址。比如htmlpro/?其實這和伺服器設定的預設檔名有關,比如index.htm,index.html,index.asp等等,不信你試試我朋友的乙個(asp的)。

2,本處的檔案為index.html,同時後面帶有引數,頁面效果如同asp一般提取資訊內容。

如下是**的文章(作者劉筱)可以說明些東西

經常上網的朋友肯定對「 http://host/***.asp?arg1=*&arg2=*  」之類的url(即**)不會陌生。這類**的作用就是通過在url後面附加資訊內容來傳遞相關資訊給遠端web伺服器,並在web伺服器進行適當處理後將結果返回給客戶端,從而達到網頁互動的目的,並實現網頁內容動態化。(注意: url與資訊內容之間通過「?」連線,各內容字段之間則通過字元「&」來分隔,每個欄位的名稱/取值表示為「名稱=取值」形式。)但通過這種方式實現的動態網頁均需要伺服器端程式設計技術的支援,最近筆者在製作個人**時利用瀏覽器支援的dhtml和xml技術,經過不斷嘗試,在免費主頁空間通過這種方式實現動態網頁。

一、原理分析

當瀏覽器通過http://remotehost/program?querystring  這種方式請求web伺服器時,web伺服器將對請求位址的url進行解析,把「?」後面的querystring字串存入伺服器特定環境變數,然後呼叫伺服器端程式設計執行環境,如asp(activex server page)等對請求program檔案進行處理。

具體呼叫何種程式設計執行環境依據伺服器的設定而定,如果請求的文件是asp型別的檔案,則呼叫asp,如是aspx型別檔案,則呼叫asp.net。在program檔案中則可以通過一定方法來讀取環境變數,如asp檔案就可以通過reques.querystring資料集合來讀取環境變數。程式設計執行環境處理完畢後將結果返回給web伺服器,web伺服器再將結果返回給瀏覽器,從而達到網頁內容動態化的目的。

通過上述分析我們可以知道,如果使用http://remotehost/*.htm?querystring  方式向web伺服器傳送請求時,web伺服器將向瀏覽器直接返回請求的html網頁。這時我們就可以在網頁中利用location.href屬性獲得附加了資訊內容的url串,經過適當處理後就可以得到所附加的資訊內容欄位名稱及其取值,再通過瀏覽器支援的dhtml特性進行處理,就可以實現網頁內容動態化,從而在不支援伺服器端程式設計技術的免費主頁空間上達到網頁互動的目的。

我們也可以看出,通過這種方式達到網頁動態互動的目的即使是在瀏覽器中實現也仍然擺脫不了web伺服器的支援,否則瀏覽器將把「?querystring」作為請求的url的一部分,從而出現網頁不能檢視的錯誤提示。

二、應用示例

---下面給出了乙個帶有詳細注釋的具體示例源**。注意: querystring.js是乙個實用程式,它可以在網頁中直接引用,然後在網頁中使用request[「名稱」]即可獲取使用者輸入的有關資訊內容。

1.querystring.js源**

function querystring()}}

var request=new querystring();//使用new運算子建立引數物件例項

2.sample.htm源**示例

如果對該示例應用dhtml與xml技術進行擴充,將會取得不可思議的效果。該作者就是通過這種途徑在只支援純html的主頁空間建立了乙個相當不錯的動態檢視器

所以,各位,實踐下咯。

在HTML網頁中巧用URL

首先,先放出乙個位址給大家測試 1,時下流行的 可能是吧,因為最近問的人比較多 就是沒有任何檔名的url位址。比如htmlpro 其實這和伺服器設定的預設檔名有關,比如index.htm,index.html,index.asp等等,不信你試試我朋友的乙個 asp的 2,本處的檔案為index.ht...

在HTML網頁中巧用URL

1,時下流行的 可能是吧,因為最近問的人比較多 就是沒有任何檔名的url位址。比如htmlpro 其實這和伺服器設定的預設檔名有關,比如index.htm,index.html,index.asp等等,不信你試試我朋友的乙個 asp的 2,本處的檔案為index.html,同時後面帶有引數,頁面效果...

在HTML網頁中巧用URL

首先,先放出乙個位址給大家測試 1,時下流行的 可能是吧,因為最近問的人比較多 就是沒有任何檔名的url位址。比如htmlpro 其實這和伺服器設定的預設檔名有關,比如index.htm,index.html,index.asp等等,不信你試試我朋友的乙個 asp的 2,本處的檔案為index.ht...