JS使用甜饼干实现差异提示框只显示一次的方法

本文实例讲述了射流研究…使用甜饼干实现差异提示框只显示一次的方法。分享给大家供大家参考，具体如下：

这里运用Java脚本语言的甜饼干技术，控制网页上的提示差异只显示一次，也就是当用户是第一次打开网页的时候才显示，第二次自动隐藏起来，很好的提升了用户体验，不会使用户烦感；利用饼干，我们还可做超多的事情，慢慢体会吧。

运行效果截图如下：

在线演示地址如下：

http://演示。JB 51。net/js/2015/js-cookie-div-DLG-显示一次代码/

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=gb2312' /titlecookie，只显示一次的差异提示框/title样式。注{ height :100 px宽度width :600 px background : URL(图片/tishi。jpg)# FEFFCF 40px 0px无重复；border:#EDCE7B 1px固体；}.Guan bi { float : right font-size :12 px；padd :6 px }/style脚本函数cookiesave(n，v，min，dn，path){ if(n) { if(！分钟)分钟=365 * 24 * 60;if(！path)path='/'；var Date=新日期()；date.setTime(date.getTime()(分钟* 60 * 1000));var expires='；expires=' date。togtstring()；if(dn)dn=' domain=' dn '；'；document . cookie=n '=' v expires ' dn ' path=' path } }函数cookieget(n){ var name=n '='；var ca=文档。饼干。拆分('；');for(var I=0；ICA . lengthi){ var c=ca[I]；while(c . charat(0)==' ')c=c . substring(1，c . length)；if(c . indexof(name)=0)返回c.substring(name.length，c . length)；}返回"";}函数关闭click(){文档。getelementbyid(' note ')。风格。显示='无'；cookiesave('closeclick '，' closeclick '，''，''，' ')；}函数单击close(){ if(cookieget(' close click ')=' close click '){ document。getelementbyid(' note ')。风格。显示='无'；} else { document。getelementbyid(' note ')。风格。display=' block} } window . onload=click close/script/head dydiv id=' note ' class=' note ' style=' display : none；'diva href=' # ' onclick=' close click()' class=' Guan bi ' img src=' http : images/close-note。gif ' border=' 0 '/a/div/div/body/html希望本文所述对大家Java脚本语言程序设计有所帮助。