【JavaWeb】Day09.JavaScript自定义对象和BOM对象

JavaScript自定义对象

对象属性

（JavaScript 对象中的）名称:值对被称为属性。

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};

属性	属性值
firstName	Bill
lastName	Gates
age	62
eyeColor	blue

对象方法

对象也可以有方法，方法是在对象上执行的动作。方法以函数定义被存储在属性中。

var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 678,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

属性	属性值
firstName	Bill
lastName	Gates
age	62
eyeColor	blue
fullName	function() {return this.firstName + " " + this.lastName;}

调用格式

对象名.属性名;     //方法一
console.log(person.firstName);
对象名.函数名();    //方法二
person.fullName();

BOM——浏览器对象模型（Browser Object Model）

概念：Browser Object Model  浏览器对象模型，允许JavaScript与浏览器对话， JavaScript 将浏览器的各个组成部分封装为对象。

组成：

• Window：浏览器窗口对象
• Navigator：浏览器对象
• Screen：屏幕对象
• History：历史记录对象
• Location：地址栏对象

其中重点介绍window和location 

Window

• 介绍：浏览器窗口对象。
• 获取：直接使用window，其中 window. 可以省略。
• 属性

1.  history：对 History 对象的只读引用。请参阅History 对象。  
2. location：用于窗口或框架的 Location 对象。请参阅 Location 对象。
3.  navigator：对 Navigator 对象的只读引用。请参阅 Navigator 对象。

• 方法

1.  alert()：显示带有一段消息和一个确认按钮的警告框。  
2. confirm()：显示带有一段消息以及确认按钮和取消按钮的对话框。  
3. setInterval()：按照指定的周期（以毫秒计）来调用函数或计算表达式。
4.  setTimeout()：在指定的毫秒数后调用函数或计算表达式。 

Location

介绍：地址栏对象。

获取：使用 window.location 获取，其中 window. 可以省略。

window.location.属性;   //法一
location.属性;     //法二

属性： href：设置或返回完整的URL。

location.href ="https://blog.csdn.net/"

点击确定后会跳到相应网站。