百度前端技术学院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来整合数据. 我的在线简 ...
随机推荐
- eclipse maven web环境搭建
选择创建new project 勾选跳过创建类型选择(让eclipse创建标准maven项目) 填写组织ID,唯一ID,注意:如果选择打包类型为war包时,会生成web类型的maven工程 修改JRE ...
- web前端图片极限优化策略
随着web的发展,网站资源的流量也变得越来越大.据统计,60%的网站流量均来自网站图片,可见对图片合理优化可以大幅影响网站流量,减小带宽消耗和服务器压力. 一.现有web图片格式 我们先来看下现在常用 ...
- js 获取URL传递过来的值
URL: http://127.0.0.1:8080/jspews/pews/inspection/InspectCheckCard.jsp?checkDate=2015-03-31 传递的值: ch ...
- java中的IO操作
IO流是用来处理设备之间的数据传输,Java对数据的操作是通过流的方式进行,而操作流的对象都封装到java.io包中.根据操作数据的种类可以把IO流分为字节流(InputStream,OutputSt ...
- js基本类型 引用类型
参考 https://segmentfault.com/a/1190000005794070 http://blog.csdn.net/yummy_go/article/details/5050468 ...
- express+gulp构建项目(一)项目目录结构
express是基于nodejs平台的web框架,它可以让我们快速开发出web引用.而gulp是一种自动构建工具,非常强大,有了它,能帮我们完成很多繁琐的工作,例如,静态文件的压缩,为静态文件加上哈希 ...
- MySQL数据库常用命令
1.连接mysql数据库:mysql -u用户名 -p密码; 2.创建数据库:create database 数据库名称; 3.删除数据库:drop database 数据库名称; 4.使用数据库:u ...
- MAC OSX环境下cordova+Ionic的安装配置
一.简介 1.Ionic是什么 IONIC 是目前最有潜力的一款 HTML5 手机应用开发框架.通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用. 它使用 JavaSc ...
- web自学网站
coursera 网站很多新的技术,都是大牛和牛大学的,和外国新技术. 我要自学网 有好也有不怎么样的,一般般的.但是dome多. 中国教程网 一般. CSDN 技术相关 站长 ...
- cssReset - css初始化
/*cssReset.css文件内容*/@charset "utf-8"/*整个页面的文字和背景色*/html{color:#000;background:#FFF;}/*设置外边 ...