【心得5】10/12

今天學習到「傳遞參數」的概念，也就是一個網頁連結到另一個網頁，也是架設網站必學的基礎概念，像是一個商品網站的首頁就有許多其他分頁，能連結到會員登入頁面、各個商品的資訊、品牌故事介紹...等。這次上課主要應用傳遞參數是讓上次做的卡牌們點進去能連接到其更詳細資訊，我上次做了寶可夢的圖鑑，在將其延伸，點擊每隻寶可夢即會進入其介紹頁面，

當分頁網站叫「1012.html」時，在圖片或式整個卡片的語法前方添加以下這行程式碼，即可點擊整個卡片或式圖片就能連接到分頁「1012.html」。

' <a href="1012.html?pid=　'

傳遞參數語法：

<script type="text/javascript">

    // 取得網址裡的參數 

    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];

        }

</script>

隨意取名「pid」後面接=「數字」，此時x的質就會成為你輸入數字，就會跳至用array儲存的array[數字]內容。

<div id="demo"></div>

<script>

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

    document.getElementById("demo").innerHTML = intros[x];

</script>