javascript操作cookie 以及 html国际化

最新推荐文章于 2025-12-21 13:28:14 发布

原创最新推荐文章于 2025-12-21 13:28:14 发布 · 153 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

JavaScript 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一个实用的JavaScript工具类用于操作浏览器Cookies，并演示了如何使用该工具类进行读取、设置及删除Cookies的操作。此外，还展示了如何实现HTML国际化，即根据不同语言环境动态展示对应的文本。

下面是cookie操作的工具类：

var CookieUtil = function(){
	return{
		/**
		 * 取cookies(需要注意的是：此方法也可以获取失效的cookie)
		 * @param name : key
		 */
		getCookie : function(name){
			var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
			if(arr != null){
				return unescape(arr[2]); 
			}
			return null;
		},

		/**
		 * 设置cookies
		 * @param name : key
		 * @param value : value
		 */
		setCookie : function(name,value){
			var Days =365; 
			var exp  = new Date();  
			exp.setTime(exp.getTime() + Days*24*60*60*1000);
			document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
		},

		/**
		 * 删除cookies
		 * @param name : key
		 */
		delCookie : function(name){
			var exp = new Date();
			exp.setTime(exp.getTime() - 1);
			var cval = CookieUtil.getCookie(name);
			if(cval!=null) document.cookie = name + "="+cval+";expires="+exp.toGMTString()+"; path=" + "/" + ";";  
		}
	}
}();

测试代码如下：
alert(CookieUtil.getCookie("haha"));
CookieUtil.setCookie("haha","old");
alert(CookieUtil.getCookie("gerry"));
CookieUtil.setCookie("haha","new");
alert(CookieUtil.getCookie("gerry"));
CookieUtil.delCookie("haha");
alert(CookieUtil.getCookie("haha"));
CookieUtil.setCookie("haha","new-new");
alert(CookieUtil.getCookie("haha"));
以下是两篇cookie相关的博客：
[url]http://www.cnblogs.com/xiaochaohuashengmi/archive/2010/06/13/1757658.html[/url]
[url]http://www.cnblogs.com/anderslly/archive/2006/10/11/javascriptcookie.html[/url]

[b]html国际化[/b]
html国际化：就是用javascript脚本通过key获取value，然后把value写在html文档中。

<li>
    <script>Message.get('username');</script> <!-- 用户名-->
</li>

在Message.get方法中先根据具体的key获取值，再把值通过document.write(value)写在页面中，代码如下：

function get(key){
  	var value = eval("Language."+key);
	if(typeof(value)=='undefined'){
	   	value = "!"+key+"!";
	}
	document.write(value);
}

在什么语言下，就把对应的js引入即可，国际化js配置文件如下：

//简体中文zh_CN.js中：
var Language = {
    username:"用户名",
    password:"密码",
    main:"主界面"
};
//台湾繁体zh_TW.js中：
var Language = {
    username:"用戶名",
    password:"密碼",
    main:"主界面"
};
//英文en_US.js中：
var Language = {
    username:"username",
    password:"password",
    main:"MainInterface"
};