带有HTML5元素的javascript站点欢迎加载程序

带有HTML5元素的javascript站点欢迎加载程序,javascript,ajax,cookies,adobe-edge,Javascript,Ajax,Cookies,Adobe Edge,我有个奇怪的问题。问题不在于代码的细节,而在于一般方法 场景:网站有一个“欢迎屏幕”。欢迎元素是一个HTML5边缘动画(它不是一个小文件;)),使用客户端检测,我们将检查cookie是否已启用。如果启用了cookie,我们将检查cookie['loader_Showed']。如果我们看不到这个cookie,我们希望使用JS来显示全屏覆盖div半不透明。在这个div中,我们希望使用AJAX来加载加载元素html——目前它是在一个单独的文件中定义的,当然,它引用了EDGE文件包中的其他文件 关于如何

我有个奇怪的问题。问题不在于代码的细节,而在于一般方法

场景:网站有一个“欢迎屏幕”。欢迎元素是一个HTML5边缘动画(它不是一个小文件;)),使用客户端检测,我们将检查cookie是否已启用。如果启用了cookie,我们将检查cookie['loader_Showed']。如果我们看不到这个cookie,我们希望使用JS来显示全屏覆盖div半不透明。在这个div中,我们希望使用AJAX来加载加载元素html——目前它是在一个单独的文件中定义的,当然,它引用了EDGE文件包中的其他文件

关于如何最好地实现这一点的任何建议。重要的是,HTML5边缘元素仅在欢迎检测打开第一个覆盖div后从服务器加载


哦,边缘元素必须保持透明

已解决。最好的方法是在检查cookie后动态加载js文件:

评论中的来源

    <!DOCTYPE HTML>

<html lang="en">

<head>

<script type="text/javascript">

    var cookiesEnabled = are_cookies_enabled();

    function are_cookies_enabled()                                                                  // http://sveinbjorn.org/cookiecheck
    {
        var cookieEnabled = (navigator.cookieEnabled) ? true : false;

        if (typeof navigator.cookieEnabled == "undefined" && !cookieEnabled)
        { 
            document.cookie="testcookie";

            cookieEnabled = (document.cookie.indexOf("testcookie") != -1) ? true : false;
        }
        return (cookieEnabled);
    }

    // http://www.hunlock.com/blogs/Howto_Dynamically_Insert_Javascript_And_CSS

    if(cookiesEnabled == true)
    {
        var headID = document.getElementsByTagName("head")[0];         

        var newScript = document.createElement('script');

        newScript.type = 'text/javascript';

        newScript.charset = 'utf-8';

        //newScript.onload=scriptLoaded; // If you're loading an external javascript and you need to know when the script has loaded you can simply use .onload=yourfunction; to set up the onload handler. Here's an example. 

        newScript.src = '_loader/head3_C_213_no_preloader_edgePreload.js';

        headID.appendChild(newScript);
    }

</script>

<style>

    .edgeLoad-EDGE-614773 { 
        display:none;  
    }

</style>

</head>

<body style="margin:0;padding:0;">  

<h1>test</h1>
    <div id="Stage" class="EDGE-614773">
    </div>
</body>

</html>

var cookiesEnabled=是否已启用cookies();
函数已启用()http://sveinbjorn.org/cookiecheck
{
var cookieEnabled=(navigator.cookieEnabled)?true:false;
if(typeof navigator.cookieEnabled==“undefined”&&!cookieEnabled)
{ 
document.cookie=“testcookie”;
cookieEnabled=(document.cookie.indexOf(“testcookie”)!=-1)?true:false;
}
返回(已启用);
}
// http://www.hunlock.com/blogs/Howto_Dynamically_Insert_Javascript_And_CSS
如果(cookiesEnabled==true)
{
var headID=document.getElementsByTagName(“head”)[0];
var newScript=document.createElement('script');
newScript.type='text/javascript';
newScript.charset='utf-8';
//newScript.onload=scriptLoaded;//如果正在加载外部javascript,并且需要知道脚本何时加载,则只需使用.onload=yourfunction;设置onload处理程序即可。下面是一个示例。
newScript.src='_loader/head3_C_213_no_preload_edgePreload.js';
headID.appendChild(newScript);
}
edgeLoad-EDGE-614773{
显示:无;
}
测试

从来没有想过JS会像那样从脚本中加载自己。。。。。。哦,可能性

大多数情况下都使用jQuery。检查是否有饼干。WTF是一个“HTML边缘”动画吗?在提问时,展示您编写的任何代码、您为解决问题所采取的步骤或您已经研究过的事情是很有帮助的,这样我们就不会走上您认为不成功的道路。提出这样一个一般性的问题并不能很好地使用本论坛提供的问答形式。@tkone抱歉。。这里的边缘示例:哦,一个Adobe产品。嗯,你需要学习如何设置/读取cookies。很好。然后,基于cookie,您应该通过调用Adobe软件提供的函数来启动动画。是的,我们现在已经找到了方法。我将补充答案。。。。