js05--浏览器对象模型BOM、消息框、cookie、内容分发网络CDN
继续学习js,在这里我们主要讲述一下js的BOM(浏览器对象模型)以及一些js库和应用这些js库的方法。
1.浏览器对象模型(BOM):
window对象:
表示浏览器窗口,所有的js全局变量、函数以及其他变量都是window对象的成员
window.document.getElementById("eid"); window尺寸: window.innerHeight window.width window方法: window.open() 打开新窗口 window.close() 关闭当前窗口 window.moveTo() 移动当前窗口 window.resizeTo()调整当前窗口尺寸 window.screen用户屏幕 screen.availWidth 屏幕可用宽度 screen.availHeight 屏幕可用高度 window.location页面地址 location.hostname 主机域名 location.pathname 页面路径 location.port 主机端口 location.protocol web协议 location.href 页面URL location.assign() 加载新文档 window.history 浏览器历史。为保护用户隐私,对j访问该对象的方法做了限制 history.back() 加载历史列表中的前一个URL history.forward() 加载历史列表中的下一个URL window.navigator 访问者浏览器
2.消息框
警告框:alert("警告信息") 为了确保用户得到某些信息 确认框:confirm("确认信息") 用于使用户验证或者接受某些信息 提示框:prompt("提示信息","默认值") 提示用户在进入页面前填写某些信息
3.计时:设定一个特定的时间间隔后执行代码
setTimeout("js代码",毫秒) clearTimeout(setTimeout_variable)
4.document.cookie
5.javascript库:
jQuery 使用CSS选择器来访问和操作网页上的 HTML 元素(DOM 对象)
prototype 提供用于执行常见web任务的简单API。Prototype通过提供类和继承,实现了对js的增强
Ext JS 可定制的 widget,用于构建富因特网应用程序(rich Internet applications)
6.CDN--内容分发网络(Content Delivery Network)
如果许多不同的网站使用相同的js框架,把框架库存放在一个通用的位置供每个网页分享
引用jQuery: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>