伊莉討論區

標題: 請問"html語法"如何抓取網址參數讓DIV顯示或隱藏? [打印本頁]

---

作者: sammys21212    時間: 2015-4-6 10:56 AM     標題: 請問"html語法"如何抓取網址參數讓DIV顯示或隱藏?

假設我的網頁叫做
WWW.ABC.COM

網址為WWW.ABC.COM/?___store=a01
的時候隱藏DIV1 並且顯示 DIV2

以及同時希望

網址為WWW.ABC.COM/?___store=a02
的時候隱藏DIV2 並且顯示 DIV1

請問HTML如何寫會比較好呢?

---

作者: tj951753    時間: 2015-4-6 02:49 PM

有幾種解法

1. 用PHP

1. <?php
   
2. if( $_GET['___store'] === 'a01' ) {
   
3.     echo 'div1';
   
4. } else if( $_GET['___store'] === 'a02' ) {
   
5.     echo 'div2';
   
6. }

複製代碼

2. 用JavaScript

1. var query = location.search;
   
2. query = query.slice(1, query.length);
   
3. 
   
4. var keyAndValue = query.split("&");
   
5. 
   
6. var hashTable = {};
   
7. var key, value;
   
8. for(var i = 0; i < keyAndValue.length; i++) {
   
9.   key = keyAndValue[i].split('=')[0];
   
10.   value = keyAndValue[i].split('=')[1];
    
11.   hashTable[key] = value;
    
12. }
    
13. 
    
14. if(hashTable['___store'] === 'a01') {
    
15.   //顯示div1
    
16. } else if(hashTable['___store'] === 'a02') {
    
17.   //顯示div2
    
18. }

複製代碼

JS在拆GET參數上比較麻煩 不過好處就是在客戶端 至於顯示Div JS的話可以操作CSS屬性 "display" 或 "visibility"

---

作者: telunyang    時間: 2015-9-14 01:36 PM

提示: 作者被禁止或刪除 內容自動屏蔽

---

歡迎光臨 伊莉討論區 (http://a401.file-static.com/)

Powered by Discuz!