在第一頁加載只顯示div

我有一個div用於顯示整個網站主頁上的css動畫容器...文本和背景打開後就像窗簾一樣，顯示出它下面的網站。這就像一個介紹着陸頁。事情是我需要它只出現在第一頁加載。我不希望它出現在頁面刷新上，或者有人瀏覽網站並返回到主頁。在第一頁加載只顯示div

有人可以告訴我如何編碼這個，因爲我在網上搜索了很多，並沒有找到任何明確的解釋，我的個案。

下面是DIV代碼：

<div id="landContainer"> 
 
<div class="left-half" id="leftP"><article class="leftPanel"><img id="SloganLeft" src="Decouvrez.svg"></article></div> 
 
<div class="right-half" id="RightP"><article class="rightPanel"><img id="SloganRight" src="Atteignez.svg"></article></div> 
 
</div>

所以我只能在第一頁加載顯示股利將是一個與ID landContainer，包含一對夫婦其他divs。

因爲我對這種類型的編碼不熟悉，所以我需要一個完整的示例代碼，我需要使用我的div。

伊恩......這是我的index.html文件的內容...

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <title>Landing page v2</title> 
 
     <link rel="stylesheet" type="text/css" href="landing.css" media="screen" /> 
 
    </head> 
 
    <body> 
 
<div id="landContainer"> 
 
    <div class="left-half" id="leftP"> 
 
    <article class="leftPanel"><img id="SloganLeft" src="Decouvrez.svg"></article> 
 
    </div> 
 
    <div class="right-half" id="RightP"> 
 
    <article class="rightPanel"><img id="SloganRight" src="Atteignez.svg"></article> 
 
    </div> 
 
</div> 
 
     <script type="text/javascript" src="scripts/snap.svg-min.js"></script> 
 
     <script scr="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
 
     <script> 
 
$(document).ready(function() { 
 
    var isExists = localStorage.getItem("pageloadcount"); 
 
if (isExists != 'undefined') { $("#landContainer").hide(); 
 
} 
 
    localStorage.setItem("pageloadcount", "1"); 
 
}); 
 
     </script> 
 
    </body> 
 
</html>

來源

2016-10-12 Denis L.

您可以使用cookie或本地存儲。他們第一次打到頁面時，檢查他們是否有cookie，如果不顯示div，然後設置cookie。 – Kolby

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Landing page v2</title> 
     <link rel="stylesheet" type="text/css" href="landing.css" media="screen" /> 
<script type="text/javascript" src="scripts/snap.svg-min.js"></script> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
     <script> 
$(document).ready(function() { 
if (localStorage.getItem("pageloadcount")) { $("#landContainer").hide(); 
} 
    localStorage.setItem("pageloadcount", "1"); 
}); 
     </script> 
    </head> 
    <body> 
<div id="landContainer"> 
    <div class="left-half" id="leftP"> 
    <article class="leftPanel"><img id="SloganLeft" src="Decouvrez.svg"></article> 
    </div> 
    <div class="right-half" id="RightP"> 
    <article class="rightPanel"><img id="SloganRight" src="Atteignez.svg"></article> 
    </div> 
</div> 

    </body> 
</html>

來源

2016-10-12 21:16:49

Aaaah！這樣可行！非常感謝Jayesh！ :) 現在我要學習它來學習。 :) –

$(document).ready(function() { 
 
    var isExists = localStorage.getItem("pageloadcount"); 
 
if (isExists != 'undefined') { $("#landContainer").hide(); 
 
} 
 
    localStorage.setItem("pageloadcount", "1"); 
 
});

<div id="landContainer"> 
 
    <div class="left-half" id="leftP"> 
 
    <article class="leftPanel"><img id="SloganLeft" src="Decouvrez.svg"></article> 
 
    </div> 
 
    <div class="right-half" id="RightP"> 
 
    <article class="rightPanel"><img id="SloganRight" src="Atteignez.svg"></article> 
 
    </div> 
 
</div>

來源

2016-10-12 17:56:05

你能告訴我你將如何編碼這個存儲的JavaScript？我是新來的，我真的需要這個功能來處理一個活躍的項目。 –

您可以在localStorage.setItem（「pageloadcount」，「1」）第一次加載頁面時設置localstorage。然後訪問你可以使用localStorage.getItem（「pageloadcount」）;如果它是「1」，這意味着您的頁面加載一次。 –

對不起，但是，你能告訴我一個實際的完整例子，你將如何用我的第一篇文章中顯示的div進行編碼嗎？ –

的最佳方式是使用你可以阻止的會話如果它是新的請求或舊的。服務器端會話將在這裏最好

來源

2016-10-12 18:00:12

您能否請告訴我一個完整的例子，說明如何在我的第一篇文章中顯示我的div的代碼？我對javascript很陌生，先謝謝了！:) –

我在說話回合服務器端不是JavaScript。您可以使用PHP會話如果您的服務器端語言是PHP，否則任何其他 –

在第一頁加載只顯示div

回答

相關問題