Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If you use session storage, you can set a value to determine if a certain page has be visited during that session. But since this is an HTML 5 feature you'll still need to use cookies to handle IE.</p> <pre><code>&lt;html&gt; &lt;body onload="bodyOnload()"&gt; &lt;div id="test" style="width: 100px; height: 100px; background: blue;"&gt;First Page View&lt;/div&gt; &lt;input type="button" value="Delete Cookie" onclick="deleteCookie()"/&gt; &lt;script&gt; // 'Delete' cookie for testing function deleteCookie() { if(typeof(Storage) !== "undefined"){ sessionStorage.returnVisit = "false"; console.log("sessionStorage set."); } else{ setCookie("return_visit","false",1); } } //W3 Schools setCookie function function setCookie(c_name,value,exdays) { var exdate=new Date(); exdate.setDate(exdate.getDate() + exdays); var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString()); document.cookie = c_name + "=" + c_value; } //W3 Schools getCookie function function getCookie(c_name) { var c_value = document.cookie; var c_start = c_value.indexOf(" " + c_name + "="); if (c_start == -1) { c_start = c_value.indexOf(c_name + "="); } if (c_start == -1) { c_value = null; } else { c_start = c_value.indexOf("=", c_start) + 1; var c_end = c_value.indexOf(";", c_start); if (c_end == -1) { c_end = c_value.length; } c_value = unescape(c_value.substring(c_start,c_end)); } return c_value; } //Check return_visit cookie on page load function bodyOnload() { if(getCookie("return_visit") === 'true' || sessionStorage.returnVisit === "true"){ //Do something if user has already visited page var test = document.getElementById("test"); test.innerHTML = "Welcome Back"; test.style.background = "red"; } else { if(typeof(Storage) !== "undefined"){ sessionStorage.returnVisit = "true"; console.log('Session Storage set.'); } else{ setCookie("return_visit","true",1); } } } &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload