第五堂

繼上次我們做了個很陽春的網站 我們這堂課繼續加強我們的網站 讓他越來越像我們平常在網路上瀏覽的網站

首先 我們想要讓我們的網頁可以像其他購物網頁一樣 點一下然後就跳到另一個網頁 介紹商品 這樣就要做兩個html 利用<a href="另一個檔名.html"> 它就會去找資料夾中對應的檔案開啟

然後當我們點網頁中的卡片時 把參數傳到另一個網站 顯示對應的介紹 這個應用非常非常重要 也很聰明 這樣就不用每張卡都另外做一個網站 只要額外做一個網站 並依參數顯示內容就好

<a href="另一個檔名.html?參數名稱=參數值"> 一開始的連結打成這樣 然後另一個網頁的head區放上解析網址參數的程式碼就可以了

                <script>

// 取得網址裡的參數

function GetUrlVar(VarName)

{

name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");

var regexS = "[\\?&]" + VarName + "=([^&#]*)";

var regex = new RegExp(regexS);

var results = regex.exec(window.location.href);

if (results == null)

return "";

else

return results[1];

}

var c = decodeURIComponent(GetUrlVar('pid'));

</script>

老師還教了decodeuricomponent() 解碼 和encodeuricomponent() 編碼 網路上在傳一些訊息(像是中文)時會先轉成另一種碼傳送 最後再解碼回來

所以才需要上面那兩個function

 雖然在網站之間傳參數這部分我還不是到很清楚如何運作的  不過至少上課時我的網頁可以正常跳去另一個網頁 可能要等學更多才能了解裡面的奧秘