先看看實(shí)現(xiàn)后的效果吧，

這是一個(gè)Cookie數(shù)據(jù)生成的列表，

每次單擊查詢(xún)會(huì)存儲(chǔ)一個(gè)域名，并把最后一次查詢(xún)的域名放在最上方。本例子最多存儲(chǔ)10個(gè)，大家可以根據(jù)自己情況進(jìn)行設(shè)置

下在咱們一起來(lái)看看是怎么實(shí)現(xiàn)的吧、

先寫(xiě)一個(gè)操作Cookie的JS文件如下

有了這個(gè)文件之后我們來(lái)給要使用這Cookie的Text做一下處理吧，

代碼如下

這里面所用到的方法如下，具體的意思我就不一個(gè)一個(gè)的解釋了，如果需要說(shuō)明的請(qǐng)大家留言，我一定回復(fù)

在這里面還附帶了這樣一個(gè)效果，就是同時(shí)輸入多個(gè)輸入框的值，如下圖

如果那個(gè)輸入框要使用這樣的效果只要添加一個(gè)屬性為url="true"就行了，這樣方便 可操作性強(qiáng)，想給那個(gè)框加效果就加上這個(gè)屬性，不想加的直接不加url="true"

就OK了。

在使用這個(gè)效果的界面添加如下代碼

         <div style="display: none; position: absolute;" id="allSitesBoxHdl" class="classlist"
            onmouseover="this.style.display='block'" onmouseout="this.style.display='none'">
            <ul id="allSitesBoxContent">
            </ul>
        </div>
   <script type="text/javascript">            Init();</script>
      

除此之外的JS直接放在一個(gè)Js文件里，引用進(jìn)來(lái)就行了

下拉列表是怎么加載的呢？看下面的一個(gè)方法就知道了

完成了這些之后我們只需要在單擊查詢(xún)時(shí)進(jìn)行存儲(chǔ)Cookie就行了，看下面的方法

調(diào)用 時(shí)這樣寫(xiě)

        setCookie("site", strdomin);
      

好了功能完成，大家如果想看真實(shí)效果的話，進(jìn)行具體的測(cè)試

代碼寫(xiě)的不是很好，希望大家多提提建議，我們進(jìn)行相應(yīng)修改爭(zhēng)取更完善。

Cookie是存儲(chǔ)的客戶(hù)端的，一個(gè)并且只能訪問(wèn)同域名下的Cookie，子域名之間可以相互訪問(wèn)，只要加上
domain屬性就行了，存儲(chǔ)的方法如下

         $.cookie("domain", value, { expires: 7, domain: "baidu.com" });
      

取的時(shí)間直接寫(xiě) $.cookie("domain");就好了，只要是子域名，都這樣調(diào)用，這樣可以達(dá)到本域名下的Cookie共享的功能。

Cookie的有效利用會(huì)給我們的網(wǎng)站帶來(lái)N多意想不到的效果和功能，大家交流下。希望多提提建議