首页
网站首页
公司简介
资讯中心
推荐内容
返回顶部
JQuery从头学起第三讲_jquery_脚本之家,javascript对象小结_js面向对象_脚本之家
发布时间:2019-12-25 16:27
浏览次数:

问题: 使得在访问页面的时候能够沿用上次的设置,或者在不同的页面间共享数据。比如用户在访问网站的时候设置了页面字体的大小,那么会希望下次访问的时候仍然能使用同样的设置进行浏览,而不用重复设置。 解决方案: 在用户浏览页面并进行设置时,将这些设置保存在cookie中,下次访问的时候读取cookie中的设置。 参考下面的脚本: 复制代码 代码如下: // utility function to retrieve an expiration data in proper format; function getExpDate { var expDate = new Date == "number" && typeof == "number" && typeof { expDate.setDate + parseInt; expDate.setHours + parseInt; expDate.setMinutes + parseInt; return expDate.toGMTString(); } } //utility function called by getCookie() function getCookieVal { var endstr = document.cookie.indexOf; if { endstr = document.cookie.length; } return unescape(document.cookie.substring; } // primary function to retrieve cookie by name function getCookie { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while { var j = i + alen; if (document.cookie.substring { return getCookieVal; } i = document.cookie.indexOf + 1; if break; } return; } // store cookie value with optional details as needed function setCookie(name, value, expires, path, domain, secure) { document.cookie = name + "=" + escape ? "; expires=" + expires : "") + ? "; path=" + path : "") + ? "; domain="

这个效果主要体现在CSS和javascript的配合上 CSS代码 复制代码 代码如下: ul, li {margin: 0; padding: 0; border: 0;} .shop-rating { height: 25px; overflow: hidden; zoom: 1; padding: 2px 0; position: relative; z-index: 999; font:12px Arial; color:#000; line-height:1.2em } .shop-rating span { height: 23px; display: block; line-height: 23px; float: left; } .shop-rating span.title { width: 125px; text-align: right; margin-right: 5px; } .shop-rating ul { float: left; } .shop-rating .result { margin-left: 20px; padding-top: 2px; } .shop-rating .result span { color: #ff6d02; } .rating-level, .rating-level a { background: url(//files.jb51.net/demoimg/201007/o_star.png) no-repeat scroll 1000px 1000px; } .rating-level { background-position: 0px 0px; width: 120px; height: 23px; position: relative; z-index: 1000; } .shop-rating .result em { color: #f60; font-family: arial; font-weight: bold; } .rating-level li { display: inline; } .rating-level a { line-height: 23px; height: 23px; position: absolute; top: 0px; left: 0px; text-indent: -999em; *zoom: 1; outline: none; } .rating-level a.one-star { width: 20%; z-index: 6; } .rating-level a.two-stars { width: 40%; z-index: 5; } .rating-level a.three-stars { width: 60%; z-index: 4; } .rating-level a.four-stars { width: 80%; z-index: 3; } .rating-level a.five-stars { width: 100%; z-index: 2; } .rating-level .current-rating, .rating-level a:hover {background-position:0 -28px} .rating-level a.one-star:hover,.rating-level a.two-stars:hover,.rating-level a.one-star.current-rating,.rating-level a.two-stars.current-rating{background-position:0 -116px;} .rating-level .three-stars .current-rating,.rating-level .four-stars .current-rating,.rating-level .five-stars .current-rating{background-position:0 -28px;} HTML结构 复制代码 代码如下:

距离某天还有天

复制代码 代码如下:

  • domain : "") + ? "; secure" : ""); } // remove the cookie by setting ancient expiration date function deleteCookie { if { document.cookie = name + "=" + ? "; path=" + path : "") + ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-70 00:00:01 GMT"; } } 使用getCookie函数来读取cookie中保存的值,参数name为cookie项的名称。如果该cookie项不存在则返回一个空字符串。 使用setCookie()函数来保存cookie项的值,其中第一、二两个参数分别为cookie项的名称和值。如果想为其设置一个过期时间,那么就需要设置第三个参数,这里需要通过getExpDate()获得一个正确格式的参数。 最后,使用deleteCookie()来删除一个已存在的cookie项,实际上是通过让该项过期。 cookie将数据保存在客户端。页面的脚本只能读取所在域和服务器的cookie值,如果域内有多个服务器,那么需要设置第五个参数,以指定服务器。浏览器的容量一般限定为每服务器20个name/value对,每个cookie项不超过4000个字符,更现实点,单个cookie项应少于2000字符,也就是说不要用cookie在客户端保存大容量数据。 不同的浏览器保存cookie的方式也有所不同。IE为每个域的cookie建立一个文本文件,而Netscape则将所有的cookie存储在同一个文本文件中。 注意:cookie存放在客户端,所以会受到浏览器设置的影响,比如用户可能会禁用cookie。要检测浏览器是否支持cookie,使用属性navigator.cookieEnabled来判断。 12下一页阅读全文

你对我人品的评价:

javascript对象

以上DEMO中的代码是我一个个敲出来的,都经过测试,大家可以放心的使用。这个DEMO中主要加了对输入框的几种类型的取值,这也列举了取值的两种方式,DEMO中除了介绍了文本框的取值外还介绍了下拉框,单选框,多选框的取值,这里用到了复合属性选择器,需要同时满足多个条件时使用。不像文本框那么单纯,用个ID就可以获取到值。在获取select的value的时候也用个复合属性选择器就可以了,但是要获取下拉框的文本就要先得到value,再根据value去获取text。 今天这一讲就讲这么多,下一讲我们讲用JQuery来对这些常用控件赋值,因为我们在做页面初始化的时候,常常需要对某些控件进行初始化。

友情链接: 网站地图
Copyright © 2015-2019 http://www.nflfreepicks.net. 新葡萄京娱乐场网址有限公司 版权所有