JAVA学习第四周

㈤JS对象

Array对象用于定义数组

• 定义 var 变量名 = new Array(元素列表)

例子var arr = new Array(1,2,3,4);

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

例子var arr = [1,2,3,4];

• 访问:arr [索引]=值;如arr[10]=“hello”;
• 特点:长度可变，类型可变
• 属性: length

例子  var arr = [1,2,3,4];

         for(int i=0;i<arr.length;i++){

         console.log(arr[i]);

}

• 方法:  forEach( )遍历数组中每个有值的元素，并调用一次传入的函数
• 方法:  push( )将新元素添加到数组的末尾，并返回新的长度

• 方法: splice( )从数组中删除元素

String字符串对象

• 定义:var 变量名=new String("…");

例子 var str = new String("Hello String");

• 定义:var 变量名="…";

例子 var str = "Hello String";

• 属性:length
• 方法:①charAt( )返回在指定位置的字符
• ②indexOf( )检索字符串位置
• ③trim( )去除字符串两边的空格
• ④substring( )提取字符串中两个指定的索引号之间的字符

自定义对象

• var 对象名={
• 属性名1:属性值1，
• 属性名2:属性值2，
• 属性名3:属性值3，
• 函数名称:function(形参列表){   }
• }

例子var user={

name:"Tom";

age:20;

gender:"male";

eat:function( ){

alert("用膳");

}

};

• 调用格式:
• 对象名.属性名;
• 例子:console.log(user.name);
• 对象名.函数名( );例子:user.eat( );

JSON(JavaScript Object Notation)对象标记法

• 定义:
• var 变量名='{"key1":value1,"key2":value2}';
• value的数据类型:数字，字符串(在双引号中)，逻辑值(true,false)，数组(方括号中)，对象(花括号中)，null
• JSON字符串转为JS对象
• var jsObject = JSON.parse(userStr);
• JS对象转为JSON字符串
• var jsonstr=JSON.stringify(jsObject);

BOM:     Browser Object Model

浏览器对象模型，允许JavaScript与浏览器对话，JavaScript将浏览器各个组成部分封装为对象

组成:

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

1. Window:浏览器窗口对象

• 直接使用window ,例如window.alert("Hello World");

㈠属性:

• ①history:对History对象的只读引用
• ②location:用于窗口或框架的location对象
• ③navigator:对Navigator对象的只读引用

㈡方法:

• alert( )显示带有一段消息和一个确认按钮的警告框
• confirm( )显示带有一段消息及确认和取消按钮的对话框
• 例子:   var flag = comfirm("您确认删除该记录嘛？")
• 接上面例子:     alert( flag);确认是true;取消是false
• setTimeout( ):定时器，在指定的毫秒数后调用函数或计算表达式，延迟指定时间执行一次
• setInterval( ):定时器，按照指定的周期(以毫秒计)来调用函数或计算表达式，周期性执行

1. Location地址栏对象

• 使用window.location获取
• 属性: herf设置或返回完整的URL
• location. herf=" http://www.itcast.cn";

DOM      Document Object Model

               文档对象模型

将标记语言的各个组成部分封装为对应的对象:

①Document整个文档对象

②Element   元素对象

③Attribute  属性对象

④Text           文本对象

⑤Comment     注释对象

JavaScript通过DOM，就能够对HTML进行操作:

①改变HTML元素内容

②改变HTML元素样式CSS

③对HTML DOM事件作出反应

④添加和删除HTML元素

• HTML中的Element对象可以通过Document对象获取，而Document对象是通过Window对象获取的
• Document对象中提供了以下获取Element对象的函数
• ①根据ID属性值获取，返回单个Element对象
• var h1= document. getElementById('h1');
• ②根据标签名称获取，返回Element对象数组
• var divs=document. getElementsByTagName('div');
• ③根据name属性值获取，返回对象数组
• var hobbys=document. getElementsByName('hobby');
• ④根据Class属性值获取，返回对象数组
• var class= document. getElementsByClassName('cls');