目录

Array对象

第一种方式

第二种方式 

元素访问 

特点

Length属性：遍历数组

方法：跟java大同小异

String对象

属性：

 函数：

 自定义对象

自定义对象的格式：

属性的调用

方法的调用 

Window对象

获取window对象

 window对象函数

confirm；

setTimeout(function,毫秒值) :

setInterval(function,毫秒 值) :

 History对象

History 对象的获取

 Location对象

获取Location对象

属性

---

Array对象

JavaScript Array对象用于定义数组

数组的定义格式有两种：

第一种方式

       var 变量名 = new Array(元素列表);

var arr1=new Array(1,2,3);

第二种方式 

var 变量名 = [元素列表];

var arr1=[4,5,6];

 注意：Java中的数组静态初始化使用的是{}定义，而 JavaScript 中使用的是 [] 定义

元素访问 

访问数组中的元素和 Java 语言的一样

arr[索引] = 值;

var arr1=[4,5,6];
alert(arr1[0]); //4 

特点

JavaScript 中的数组相当于 Java 中集合。数组的长度是可以变化的，而 JavaScript 是弱类型，所以可以存储任意的类型的数据。

var arr1=[5,6];
arr1[5]="牛马"; // 任意类型，变长
alert(arr1[5]); //牛马
alert(arr1[4]);// 没有赋值，就返回Undefined

Length属性：遍历数组

var arr1=[7,8,9];
for (let i = 0; i < arr1.length; i++) {
    alert(arr1[i]);
}

方法：跟java大同小异

例如

var  arr1=[1,2,3];
arr1.push(666);//在数组后面追加
arr1.splice(0,1);//从第几个索引开始删，删几个
alert(arr1);

String对象

String对象的创建方式有两种

第一种创建方式 

var 变量名 = new String("");

var str=new String("小牛马");

第二种创建方式

var 变量名 = ""

var str2="大牛马";
var str3='超级大牛马';// 单引号，双引号，在JavaScript中一样

属性：

String对象提供了很多属性，下面给大家列举了一个属性 length ，该属性是用于动态的获取字符串的长度 

var str="aaaaa牛马";
alert(str.length); //中英文都算一个， 返回7

 函数：

String对象提供了很多函数（方法），也是跟java大同小异

例如

var  arr1="abcdef";
alert(arr1.charAt(0)); //返回该索引对应的值，   a

var  arr="  aaaa  "
var arr1="1"+arr.trim()+"1";//删除两边空格，主要用于登录验证的时候，把后面空格删除
alert(arr1)

 自定义对象

在 JavaScript 中自定义对象特别简单，不用像java一样先创建一个类

自定义对象的格式：

var 对象名称 = {

        属性名称1:属性值1,

        属性名称2:属性值2,

        ...,

        函数名称:function (形参列表){},

        ...

};

属性的调用

 对象名.属性名

方法的调用 

对象名.函数名()

var Student={
    name:"张三",
    age:18,
    eat:function (){
        alert("吃饭")
    }
}
 
//调用
alert(Student.name);// 张三
alert(Student.age);//18
Student.eat();//吃饭

Window对象

window 对象是 JavaScript 对浏览器的窗口进行封装的对象。

获取window对象

该对象不需要创建直接使用 window ，其中 window. 可以省略。比如我们之前使用的 alert() 函数，其实就是 window 对 象的函数，在调用是可以写成如下两种

显式使用 window 对象调用

window.alert();

隐式调用

alert();

 window对象函数

家列举了一些比较常用的函数

confirm；

显示确定和取消的提示框

window.confirm("确认退出吗？");//确定是true  取消是false

setTimeout(function,毫秒值) :

在一定的时间间隔后执行一个function，只执行一次

window.setTimeout(function (){
    alert("牛马，就弹出一次");
},2000); //2秒

setInterval(function,毫秒 值) :

在一定的时间间隔后执行一个function，循环执行

window.setInterval(function (){
    alert("牛马，老子每2秒骂你一次");
},2000);

这两个方法跟匿名内部类长的真像，目前咱也不知道是不是这么来的

History对象

History 对象是 JavaScript 对历史记录进行封装的对象。

History 对象的获取

使用 window.history获取，其中window. 可以省略 History 对象的函数

当我们点击向左的箭头，就跳转到前一个访问的页面，这就是 back() 函数的作用；当我们点击向右的箭头，就跳转到 下一个访问的页面，这就是 forward() 函数的作用。

 Location对象

Location 对象是 JavaScript 对地址栏封装的对象。可以通过操作该对象，跳转到任意页面。

获取Location对象

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

属性

 Location对象属性 Location’对象提供了很多属性。

以后常用的只有一个属性 href

 案例 需求：3秒跳转到百度首页

分析： 1. 3秒跳转，由此可以确定需要使用到定时器，而只跳转一次，所以使用 setTimeOut()

2. 要进行页面跳转，所以需要用到 location 对象的 href 属性实现

document.write("三秒后跳转到首页")
window.setTimeout(function (){
    window.location.href="http://www.baidu.com"
},3000)