suchen

Heim  >  Artikel  >  Web-Frontend  >  JS verwendet Cookies, um die Methode zum Anzeigen der DIV-Eingabeaufforderungsbox nur einmal zu realisieren_Javascript-Kenntnisse

JS verwendet Cookies, um die Methode zum Anzeigen der DIV-Eingabeaufforderungsbox nur einmal zu realisieren_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:33:431259Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie JS Cookies verwendet, um das DIV-Eingabeaufforderungsfeld nur einmal anzuzeigen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

JavaScript-Cookie-Technologie wird hier verwendet, um zu steuern, dass der Prompt-DIV auf der Webseite nur einmal angezeigt wird, d. h. er wird angezeigt, wenn der Benutzer die Webseite zum ersten Mal öffnet, und wird beim zweiten Mal automatisch ausgeblendet. Dies verbessert das Benutzererlebnis erheblich. Es wird die Benutzer nicht stören. Wir können viele Dinge mit Cookies tun. Lassen Sie es uns langsam erleben.

Der Screenshot des Laufeffekts sieht wie folgt aus:

Die Online-Demo-Adresse lautet wie folgt:

http://demo.jb51.net/js/2015/js-cookie-div-dlg-show-once-codes/

Der spezifische Code lautet wie folgt: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>cookie，只显示一次的DIV提示框</title>
<style>
.note{height:100px;width:600px;background:url(images/tishi.jpg) #FEFFCF 40px 0px no-repeat;border:#EDCE7B 1px solid;}
.guanbi{float:right;font-size:12px;padding:6px;}
</style>
<script>
function cookiesave(n, v, mins, dn, path)
{
 if(n)
 {
  if(!mins) mins = 365 * 24 * 60;
  if(!path) path = "/";
  var date = new Date();
  date.setTime(date.getTime() + (mins * 60 * 1000));
  var expires = "; expires=" + date.toGMTString();
  if(dn) dn = "domain=" + dn + "; ";
  document.cookie = n + "=" + v + expires + "; " + dn + "path=" + path;
 }
}
function cookieget(n)
{
 var name = n + "=";
 var ca = document.cookie.split(';');
 for(var i=0;i<ca.length;i++) {
  var c = ca[i];
  while (c.charAt(0)==' ') c = c.substring(1,c.length);
  if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
 }
 return "";
}
function closeclick(){
 document.getElementById('note').style.display='none';
 cookiesave('closeclick','closeclick','','','');
}
function clickclose(){
 if(cookieget('closeclick')=='closeclick'){
  document.getElementById('note').style.display='none';
 }else{
  document.getElementById('note').style.display='block';
 }
}
window.onload=clickclose;
</script>
</head>
<body>
<div id="note" class="note" style="display:none;">
 <div><a href="#" onclick="closeclick()" class="guanbi"><img src="images/close-note.gif" border="0" /></a></div>
</div>
</body>
</html>

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：JS-Methode zur Verwendung regulärer Ausdrücke zum Entfernen wiederholter Zeichen in einer Zeichenfolge_Javascript-FähigkeitenNächster Artikel：JS-Methode zur Verwendung regulärer Ausdrücke zum Entfernen wiederholter Zeichen in einer Zeichenfolge_Javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen