Question

我认为这可能是我需要的代码，但如何将它集成到我的页面代码中，如果它在Head / Body / / etc中。非常感谢您的帮助！

非常感谢

if($.cookie('popup') != 'seen'){
    $.cookie('popup', 'seen', { expires: 365, path: '/' }); // Set it to last a year, for example.
    $j("#popup").delay(2000).fadeIn();
    $j('#popup-close').click(function(e) // You are clicking the close button
        {
        $j('#popup').fadeOut(); // Now the pop up is hiden.
    });
    $j('#popup').click(function(e) 
        {
        $j('#popup').fadeOut(); 
    });
};

Answer 1

将它放在head标签内的脚本块中。不要忘记包含您需要的任何库。

<html>
<head>
<script   src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src = "any other library you need"></script>
<script>
if($.cookie('popup') != 'seen'){
    $.cookie('popup', 'seen', { expires: 365, path: '/' }); // Set it to last a year, for example.
    $j("#popup").delay(2000).fadeIn();
    $j('#popup-close').click(function(e) // You are clicking the close button
        {
        $j('#popup').fadeOut(); // Now the pop up is hiden.
    });
    $j('#popup').click(function(e) 
        {
        $j('#popup').fadeOut(); 
    });
};
</script>
</head>
<body>
your html here
<some_element_with id="popup" />
</body>
</html>

Answer 2

在html中导入脚本的最佳做法是在body的末尾，在结束</body>标记之前，以便在内容之后加载。这背后的主要原因是：

脚本阻止并行下载。 HTTP / 1.1规范建议浏览器每个主机名并行下载不超过两个组件。
应首先加载用户可以看到的内容，然后加载您提供脚本的实用程序。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <!-- CSS should be imported here -->
</head>
<body>
  
  <!-- JS scripts should go here (libraries first) -->
</body>
</html>

有关详情，请访问以下问题：

仅显示一次表单弹出窗口

2 个答案:

Where is the best place to put script tags in HTML markup?