JavaScript基础（三）

JavaScript基础（三）

浏览器对象模型

• BOM (Browser Object Module)
• 是的页面和代码之间可以对话
• 一般都是以window开头的一系列属性和方法
• window可以不写

---

window

window.document.getElementById("header"); //找id为header的标签
window.innerHeight//浏览器内部高度
window.innerWidth//浏览器内部宽度
.open(src)//打开新窗口
.close()//关闭本窗口
.moveTo()//移动当前窗口

---

history

history.back()//可以用来制作返回按钮
.forward()//前进按钮（要曾经使用过返回按钮才可以）

---

消息框

• 警告框
  
  • alert(“文本”)
  • alert(“你好” + ‘\n’ + “再见”)
• 确认框
  
  • confirm(“文本”)
  • 返回一个布尔型变量
• 提示框
  
  • name=prompt(“请输入您的名字”,”Bill Gates”)
  • Bill Gates在输入框内提前给出作为提示

---

时间

• 在t时间后执行引号内部的代码
  
  • setTimeout(“”，t)
  • t单位为毫秒
• clearTimeout()
  
  • 取消setTimeout

---

cookie

• 省略，在javascript基础（二）中提到过
• 可用于保存用户名和密码，下次就不需要重新输入了
• 可以设置保存的时间

---

JavaScript库

• JavaScript有很多强大的库很多企业都会采用JQuery
• 还有一些例如Prototype、MooTools
• JQuery是最受欢迎的JavaScript框架

---

JQuery框架

• 可以通过两种方式使用它
  
  • 在官网上下载他的源文件或者精简源文件到本地，引入本地的地址
  • 直接引入官网的地址
  • 注意注意注意！！！
  • JQuery的引入语句一定要在本地编辑的js引入之前
  • jquery可以解决很多动态操作的问题，使得网页的UI更好

---