百度前端技术学院2015JavaScript基础部分-BOM
5.1 任务描述
实现以下函数
// 判断是否为IE浏览器,返回-1或者版本号
function isIE() {
// your implement
} // 设置cookie
function setCookie(cookieName, cookieValue, expiredays) {
// your implement
} // 获取cookie值
function getCookie(cookieName) {
// your implement
}
1.判断是否为IE浏览器,则需要利用ie仅有的属性,ActiveXObject,在ie10之前,直接利用window.ActiveXObeject进行判断,但是在ie11出现后,则出现了异常,要想兼容所有的IE浏览器,可以用return (ActiveXObject in window); 在客户端浏览器检测中最重要的对象是navigator对象,navigator对象是最早实现的BOM对象之一。它包含一些浏览器信息的属性,比如名称,版本号,平台。userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。一般来讲,它是在 navigator.appCodeName 的值之后加上斜线和 navigator.appVersion 的值构成的。例如:Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.2; SV1; .NET CLR 1.1.4322)。我们需要的版本号就是字符串的第10位到11位之间的字符串。
// 判断是否为IE浏览器,返回-1或者版本号
//兼容IE10和IE11
function isIE() {
// your implement
if("ActiveXObeject" in window) {
return navigator.userAgent.slice(,);
}
else{
return -;
};
}
2.cookie是用来保存用户的个人信息,比如用户的用户名和登录密码之类的,可以方便用户,cookie有多个参数,设置cookie的名称和值,必需,一次只能设置一个。其他的都是可选的,利用doucument.cookie可以存储cookie。代码实现如下:
// 设置cookie
function setCookie(cookieName, cookieValue, expiredays) {
// your implement
document.cookie = cookieName + "=" +cookieValue + ";expires=" + expiredays;
}
3.获取cookie的名称获取cookie值,首先可以把cookie存储信息的字符串,转化成一个数组,这样就能够让每个对键值放在一起,方便第二次操作。然后在对数组进行分隔,如果发现数组的第一个值与我们要想获得的值一致的话,那么该数组的第二个元素就是我们想要的值。代码如下:
// 获取cookie值
function getCookie(cookieName) {
// your implement
var cookie = document.cookie.split(";");
each(cookie,function(item,index){
if (trim(item.split("=")[0] == cookieName) {
return item.split("=")[1];
}
})
}
参考资料:http://www.itxueyuan.org/view/6375.html
百度前端技术学院2015JavaScript基础部分-BOM的更多相关文章
- 百度前端技术学院2015JavaScript基础部分代码实现
2. JavaScript数据类型及语言基础(一) 2.1 任务描述 创建一个JavaScript文件,比如util.js: 实践判断各种数据类型的方法,并在util.js中实现以下方法: / ...
- 百度前端技术学院2015JavaScript基础部分实现自己的小型jQuery
// 实现一个简单的Query function $(selector) { ); if (firstChar == "#") { var len = selector.split ...
- 百度前端技术学院-基础-day1
2020.9.14 今天我开始在百度前端技术学院学习基础课程. 先立一个Flag,希望我能在30天之内学完前四十天的课程,后续课程再一天一节. 第一天的内容主要是提供了很多基础学习的网页,比如W3sc ...
- 百度前端技术学院(IFE)2016春季学期总结
今天(5月16日)作为第八个提交者提交了任务五十:RIA微型问卷管理平台 这样一个综合性的大任务,宣告我的IFE春季学期课程学习顺利完成.其实任务五十并不复杂,现在再让我来做,可能一周不到就写出来了, ...
- 百度前端技术学院—-小薇学院(HTML+CSS课程任务)
任务一:零基础HTML编码 课程概述 作业提交截止时间:04-24 重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计.我们尽力保证课程内容的质量以及学习难度的合理 ...
- 百度前端技术学院task1.10
任务十:Flexbox 布局练习 面向人群: 有一定HTML及CSS基础的同学 难度: 中 重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计.我们尽力保证课程内容 ...
- 通过Github Pages在线查看百度前端技术学院完成的任务成果
前言 .note-content {font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", STHe ...
- 百度前端技术学院-task1.3源代码
因为其中有图片,所以就给有图片的位置加了边框和设置了大小,这样哪怕图片不显示也可以知道在哪里. <!DOCTYPE html> <html> <head> < ...
- 百度前端技术学院-基础-day2
2020.9.15 今天是学习前端基础技术的第二天,今天制作了一个在线简历,纯html的那种.帮助我复习了以前的基础知识,也增加了新的知识点,比如制作列表可以用fieldset来整合数据. 我的在线简 ...
随机推荐
- android线程登录
主入口代码: package com.tp.soft.app; import java.io.IOException; import java.util.HashMap; import java.ut ...
- eclipse rcp 打包出适合不同操作系统和操作位数.
http://blog.csdn.net/luoww1/article/details/8677999 http://blog.csdn.net/soszou/article/details/8053 ...
- MySQL 显示版本、端口、状态
status select version() show global variables like 'port'
- ios cordova报gap://ready 弹出框,一直弹
The iOS app was not working because there was a plugin missing: https://github.com/apache/cordova-pl ...
- B-树,B+树,B*树详解
B-树 B-树是一种多路搜索树(并不一定是二叉的) 1970年,R.Bayer和E.mccreight提出了一种适用于外查找的树,它是一种平衡的多叉树,称为B树(或B-树.B_树). 一棵m阶B树(b ...
- JAVA过滤器与SpringMVC拦截器之间的区别
今天学习和认识了一下,过滤器和SpringMVC的拦截器的区别,学到了不少的东西,以前一直以为拦截器就是过滤器实现的,现在想想还真是一种错误啊, 而且看的比较粗浅,没有一个全局而又细致的认识,由于已至 ...
- 解决UIButton 连续点击重复响应事件问题
经常会遇到重复点击某个按钮 事件被响应多次的情景, 有时候可能对程序本身并没有什么影响 , 可有时候偏偏需要限制button响应事件直接的间隔 . 方法一 : 标记 1 . 利用空闲enable属性来 ...
- Jfreechart初案例--饼图
1.action @Controller(value = "pieAction") @Scope("prototype") public class PieAc ...
- How (not) to trigger a layout in WebKit
As most web developers are aware, a significant amount of a script's running time may be spent perfo ...
- Java—图形处理
抽象窗口化工具(AWT)为图形用户界面编程提供API编程接口,使得Java可以提供较好的图形用户界面. AWT把图形处理分为两个层次:一是处理原始图形,这一层较原始,图形直接以点.线和面的形式画到界面 ...