cari

Rumah >hujung hadapan web >tutorial js >JS menggunakan kuki untuk merealisasikan kaedah memaparkan kotak gesaan DIV hanya sekali_kemahiran javascript

JS menggunakan kuki untuk merealisasikan kaedah memaparkan kotak gesaan DIV hanya sekali_kemahiran javascript

WBOY
WBOYasal
2016-05-16 15:33:431296semak imbas

Contoh dalam artikel ini menerangkan cara JS menggunakan kuki untuk memaparkan kotak gesaan DIV sekali sahaja. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Teknologi kuki JavaScript digunakan di sini untuk mengawal DIV gesaan pada halaman web untuk dipaparkan sekali sahaja, iaitu, ia dipaparkan apabila pengguna membuka halaman web buat kali pertama, dan tersembunyi secara automatik untuk kali kedua, yang sangat meningkatkan pengalaman pengguna. Ia tidak akan menjengkelkan pengguna; kita boleh melakukan banyak perkara menggunakan Kuki, mari mengalaminya secara perlahan.

Tangkapan skrin kesan berjalan adalah seperti berikut:

Alamat demo dalam talian adalah seperti berikut:

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

Kod khusus adalah seperti berikut: 

<!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>

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Kaedah JS untuk menggunakan ungkapan biasa untuk mengalih keluar aksara berulang dalam kemahiran string_javascriptArtikel seterusnya：Kaedah JS untuk menggunakan ungkapan biasa untuk mengalih keluar aksara berulang dalam kemahiran string_javascript

Artikel berkaitan

Lihat lagi