学习 js window:
bom(浏览器对象模型) 使得 JavaScript 有能力与浏览器 "对话"
1. 所有浏览器都支持 window 对象. 所有 JavaScript 全局对象, 函数以及变量均自动成为 window 对象的成员. 全局变量是 window 对象的属性. 全局函数是 window 对象的方法.
2. 确定浏览器窗口 Window 尺寸:
对于 Internet Explorer,Chrome,Firefox,Opera 以及 Safari:
window.innerHeight - 浏览器窗口的内部高度
window.innerWidth - 浏览器窗口的内部宽度
对于 Internet Explorer 8,7,6,5:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
或者
- document.body.clientHeight
- document.body.clientWidth
3.window.open() - 打开新窗口
window.close() - 关闭当前窗口
window.moveTo() - 移动当前窗口
window.resizeTo() - 调整当前窗口的尺寸
screen.availWidth - 可用的屏幕宽度
screen.availHeight - 可用的屏幕高度
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 (80 或 443)
location.protocol 返回所使用的 web 协议 (http:// 或 https://)
history.back() - 与在浏览器点击后退按钮相同
history.forward() - 与在浏览器中点击按钮向前相同
4.js 中可创建三种消息框:
警告框: 用户需要点击确定按钮才能继续进行操作. alert("文本")
确认框: 用户需要点击确定或者取消按钮才能继续进行操作. confirm("文本")
提示框: 用户需要输入某个值, 然后点击确认或取消按钮才能继续操纵. prompt("文本","默认值")
5.cookie 用来识别用户:
什么是 cookie?(cookie 是存储于访问者的计算机中的变量. 每当同一台计算机通过浏览器请求某个页面时, 就会发送这个 cookie. 你可以使用 JavaScript 来创建和取回 cookie 的值.)
创建和存储 cookie:document.cookie = 变量值;
6.js 库: jQuery,Prototype,MooTools.
jQuery 同时提供 companion UI(用户界面) 和插件.
Prototype 提供用于执行常见 web 任务的简单 API.
MooTools 也是一个框架, 提供了可使常见的 JavaScript 编程更为简单的 API.MooTools 也含有一些轻量级的效果和动画函数.
来源: http://www.jianshu.com/p/40f1daa76b28