1

ボタンをクリックするとCookieを作成し、メッセージを非表示にするこの小さなcookiescriptを作成しています。

しかし今、私はクッキーが見られたときにメッセージ (div#cookie) を非表示にする関数を構築していますが、毎回このエラーが発生しますが、私の div は存在します:

Uncaught TypeError: Cannot read property 'style' of null

これらは私が使用しているスクリプトです。誰か助けてもらえますか? :)

<script type="text/javascript">
        function createCookie(name,value,days) {
            if (days) {
                var date = new Date();
                date.setTime(date.getTime()+(days*24*60*60*1000));
                var expires = "; expires="+date.toGMTString();
            }
            else var expires = "";
            document.cookie = name+"="+value+expires+"; path=/";
        }

        function readCookie(name) {
            var nameEQ = name + "=";
            var ca = document.cookie.split(';');
            for(var i=0;i < ca.length;i++) {
                var c = ca[i];
                while (c.charAt(0)==' ') c = c.substring(1,c.length);
                if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
            }
            return null;
        }

        function eraseCookie(name) {
            createCookie(name,"",-1);
        }
        </script>

これは、「hidediv」でエラーが発生する場所はどこでも、ボタンをクリックすると機能します。

<script type="text/javascript">
            function hidediv() { 
                if (document.getElementById) { 
                    document.getElementById('cookie').style.visibility = 'hidden'; 
                    createCookie('uscnCookieScriptJS','uscninternetservicescookiescriptjavascriptversion',365)

                } 
                else { 
                    if (document.layers) { 
                        document.hideShow.visibility = 'hidden'; 
                        createCookie('uscnCookieScriptJS','uscninternetservicescookiescriptjavascriptversion',356)
                    } 
                    else { 
                        document.all.hideShow.style.visibility = 'hidden'; 
                        createCookie('uscnCookieScriptJS','uscninternetservicescookiescriptjavascriptversion',356)
                    } 
                } 
            }

            function showdiv() { 
                if (document.getElementById) { 
                    document.getElementById('cookie').style.visibility = 'visible'; 
                } 
                else { 
                    if (document.layers) { 
                        document.hideShow.visibility = 'visible'; 
                    } 
                    else { 
                        document.all.hideShow.style.visibility = 'visible'; 
                    } 
                } 
            } 
        </script>
        <script type="text/javascript">
        if (document.cookie.indexOf("uscnCookieScriptJS") >= 0) {
          alert("yes");
          hidediv();
        }
        else {
          alert("no");
        }
        </script>

スクリプトは次の場所にあります: http://dev.uscn.nl/cookiescript/v2/

4

1 に答える 1

4

hidediv()問題は、実際の HTML コンテンツをロードする前に関数を呼び出していることです。スクリプトをドキュメントの末尾 (終了bodyタグの前) に配置するかwindow.onload、ドキュメントの準備ができている / に設定します。

于 2012-08-03T09:22:23.543 に答える