将JavaScript添加到经典ASP(新增功能)

时间:2013-06-05 09:52:38

标签: javascript html5 cookies asp-classic popup

我在ASP.NET中有一个网站,当人们访问该网站时会有一个小小的弹出窗口警告。我不想做的是复制这个但是对于用经典ASP编写的网站(不是我的错)我知道代码有效,因为它适用于当前网站。我如何引用JavaScript以及它与页面相关的位置?如果我的问题看起来很愚蠢的话,我对这一切都很陌生。在此先感谢您的帮助。这是我正在使用的代码:

div id =“cookieConsentRequest”runat =“server”visible =“true

            <p><span class="queryIcon"></span>some text here                <a href="#" class="acceptCookiesAnchor acceptCookieSmall acceptCookie" runat="server">I accept</a>
            <a href="Javascript:;" class="infoCookie" title="Tell me more about these cookies">Click here for more info</a>
            <a href="Javascript:;" id="alertBannerHide" class="hideButton" title="Hide this">Hide</a>
            </p>
        </div>
        <!--[if IE 6]>
        <script language="javascript" type="text/javascript">
            $(document).ready(function () {
                $('.alertBanner').css("top", ($(window).height() - 29));
            });
        </script>
        <![endif]-->
        <script type="text/javascript">
            $(document).ready(function () {
                $('.alertBanner').css("left", (($(window).width() / 2) - 360));
                $('.alertBanner').delay(1000).slideDown('slow');
                $('#alertBannerHide, a.denyCookie').click(function () {
                    $('.alertBanner').slideUp('slow');
                    $('.cookieInfoWindow').fadeOut('fast');
                });
                $('.cookieInfoWindow').css("left", (($(window).width() / 2) - 320));
                $('a.acceptCookie, .infoCookie').click(function () {
                    $('.cookieInfoWindow').fadeIn('fast');
                });
                $('#cookieInfoWindowHide, .cookieInfoWindow a.denyCookie').click(function () {
                    $('.cookieInfoWindow').fadeOut('fast');
                    $('.alertBanner').slideUp('slow');
                });
            });
        </script>
        <div class="cookieInfoWindow">
            <h3><a href="Javascript:;" id="cookieInfoWindowHide" class="hideButton" title="Hide this">Hide</a>Cookies used on this web site</h3><br />

            <p>some text here</p><br />
            <p>some text here <a href="http://www.google.com/support/analytics/bin/answer.py?hl=en&answer=55539" class="externalLinkWhite"
             title="Read more about Google Analytics (external link)">Google Analytics</a> some text here.</p><br />
            <p>some text herep><br />
             <p>For more information on how cookies are used please visit the following websites:</p>
             <ul>
                <a href="http://www.microsoft.com/info/cookies.mspx" class="externalLinkWhite" title="Information about cookies on Microsoft.com (external link)">Microsoft Cookie Information</a><br /><br />
                <a href="http://www.allaboutcookies.org/" class="externalLinkWhite" title="All about computer cookies (external link)">All About Cookies</a>
             </ul>
            <p>
                <a id="acceptCookiesAnchor" href="#" class="acceptCookie" runat="server">Yes, I accept the use of cookies as outlined above</a>
            </p>
        </div>
    </div>--> 

对此状态感到抱歉。

1 个答案:

答案 0 :(得分:1)

JavaScript是浏览器的一部分。您提供希望浏览器以HTML格式内联运行的JavaScript或HTML中引用的.js文件。

引用their website的jQuery是一个快速,小巧且功能丰富的JavaScript库。它使得HTML文档遍历和操作,事件处理,动画和Ajax等简单易用使用适用于多种浏览器的API“。

重要的是,jQuery提供了$语法以及代码使用的cssslideDownfadeUp等功能。

因此,您的代码必须引用jQuery库。这可以通过在之前添加以下行(在<head>中可以,但不一定是最佳实践)来添加任何jQuery代码(使用$的JavaScript或{{1 }}):

jQuery

这增加了对其服务器上托管的最新(发布时)jQuery代码的引用。您也可以download the library here并在本地引用它。