标签归档:js技巧

javascript中如何设置Cookie呢?


摘要:
下文javascript中设置浏览器Cookie的示例分享,如下所示:

Cookie常用于存储数据至浏览器中,
那么如何使用js脚本设置Cookie呢?
下文将通过示例的方式一一道来,如下所示:

实现思路:
     使用
	 document.cookie="name=Cookie值;expires=过期时间;path=Cookie存放路径"; 
	 即可向浏览器中设置相应的Cookie信息

例:
javascript 设置浏览器Cookie的示例

设置Cookie名为 maomao
Cookie值为”猫猫小屋”
一天后过期

<script>

var t = escape('猫猫小屋');//中文需编码
var date = new Date();        //声明当前时间
var time = 1000*60*60*24;        //这是一天。1000毫秒(即1秒)*60=1分钟
time = date.getTime()+time;   //当前时间的毫秒值相加
date.setTime(time);            //设置时间,这时的时间已经是加上1天以后的时间了
document.cookie="maomao="+t+";expires="+date.toUTCString()+";path=/";//保存Cookie

</script>

javascript中如何删除Cookie呢?


摘要:
下文javascript中删除浏览器Cookie的示例分享,如下所示:

Cookie常用于存储数据至浏览器中,
那么如何使用js脚本删除Cookie呢?
下文将通过示例的方式一一道来,如下所示:

实现思路:
     设置Cookie的过期时间小于此刻时间
	 则浏览器会自动删除Cookie

例:
javascript 删除浏览器中Cookie的示例

<script>

//name --Cookie名称
function delCookie(name){
  var exp = new Date();
  //设置过期时间小于当前时间
  //Cookie会立即失效
  exp.setTime(exp.getTime() - 1);
  var t = getCookie(name);
  if (t != null) document.cookie = name + "=" + t + ";expires=" + exp.toGMTString();
}
 


//删除Cookie maomao
delCookie('maomao');
</script>

javascript中如何使浏览器兼容foreach()方法呢?


摘要:
下文javascript中让浏览器兼容foreach方法的示例分享,如下所示:

foreach是ES5中新增的方法,
那么如何使低版本的浏览器也支持此方法呢?
下文将通过示例的方式一一道来,如下所示:

实现思路:
     当浏览器不支持foreach方法时,
	 我们通过原型为数组添加一个foreach方法

例:
javascript为浏览器添加foreach方法的示例

<script>
 
if (typeof Array.prototype.forEach != "function") {
  Array.prototype.forEach = function (fn, context) {
    for (var k = 0, length = this.length; k < length; k++) {
      if (typeof fn === "function" && Object.prototype.hasOwnProperty.call(this, k)) {
        fn.call(context, this[k], k, this);
      }
    }
  };
}
var func = function (value, index) {
  console.log(index + ":" + value);
}
var arr = ["猫猫教程", "maomao365.com", "maomao", "testInformation"];
arr.forEach(func);

</script>