JavaScript学习（二）

一、数组

1、数组的声明和初始化：

定义空数组：var data = []; data[data.length]=值;(length每次自增1)

如：var 数组名= [元素1,元素2,...];  var arr = new array();

var arr = new array(6); var arr = new array(1，2，3，4);

arr.toString(); //把数组中的每个值以，隔开，并以字符串的形式打 印。

2、键值对集合：

写法：var keyValues = {‘fz’:’房子’,’zz’:’桌子’,’yz’:’椅子’};

//遍历：for(var key in keyValues){ alert(key+”:”+keyValues[key]); }

二、String对象

indexOf();

substr(n,m);//从第n个字符开始截取m个字符

substring(n,m);//从第n个字符形如截取到第m个字符(不包括第

m个字符)。

toUpperCase();//转换为大写

toLowerCase();//转换为小写

split(‘分隔符’,limit);//根据分隔符把一个字符串分隔，返回一个数

组。limit表示返回的个数。

三、面向对象

1、当定义一个函数时，如果当作“构造函数”用时，命名用帕斯卡（每个单词首字母大写）命名法。若当作普通函数用，则采用驼峰命名法。

2、对象instanceof类型 //判断对象属于某个类型。

四、原型对象prototype、继承、闭包

1、js中没有类，继承只能通过对象和对象

五、js中的事件

死链的做法：

<a href=”javascript:void(0);”>内容</a>   <a href=”#”>内容</a>

六、BOM结构

BOM教程中，同学们将学到与浏览器窗口交互的一些对象，例如

可以移动，调整浏览器大小的window对象，可以用于导航的

location对象与history对象，可以获取浏览器，操作系统与用户

屏幕信息的navigator与screen对象，可以使用document作为访

问HTML文档的入口，管理框架的frames对象等。window对象

是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的，也

可以称为window的子对象。

 

 

1.获取元素的方式：

document.getElementById();

2.页面执行顺序

页面是从上到下执行的，javascript代码要写在下面或者写在window里面（window.onload=function(){javascript代码}）。

3.window对象：

window对象代表当前浏览器的窗口

使用window的对象、方法时，可以省略window不写，

如: window.alert();  window.onload=;  window.location.href=””;

setInterval(code,delay);//每隔一段时间执行指定的代码;

code:执行的代码段，delay:时间间隔（毫秒）

clearInterval(intervalid);//取消setInterval的定时执行。

 

setTimeout(code,delay); 只执行一次

clearTimeout(setTimeoutId);

 

onload:页面加载后触发

onunload:页面卸载后触发

onbeforeunload:页面卸载前触发

4.window对象的属性：

（1）window.location对象:

window.location.href=””//导航到新页面

window.location.reload();//刷新当前页

（2）window.event对象:

window.event.altKey:表示事件发生时是否按下了alt键

window.event.shiftKey:表示事件发生时是否按下了shift键

window.event.ctrlKey:表示事件发生时是否按下了ctrl键

在IE8及之前的版本获取事件对象用window.event，但是在 firefox中需要在事件处理程序中添加一个参数，这个参数就是事 件对象。处理兼容问题的方法：function( event ){var e=window.event||event }

e.clientX 相对于当前页面左上角的偏移坐标

e.clientY

e.screenX 相对于屏幕左上角偏移坐标

e.screenY

e.offsetX 相对于元素自己的偏移坐标

e.offsetY

this:表示当前事件的对象

window.event.srcElement:最初引发事件的对象（冒泡事件依然继 续）

获取最初引发事件的对象的兼容写法：

var e = window.event||参数;

//获取最初引发事件的对象

var trigObj= e.srcElement||e.target;

取消冒泡事件：

e.cancelBubble=”true”;

（3）获取屏幕分辨率

window.screen.width:    屏幕分辨率

  window.screen.height:

（4）clipboardData

clipboardData对象(对剪贴板的操作)：（IE浏览器下能用）

setData(“text”,剪贴内容);设置剪贴板的值

getData(“text”);得到剪贴板的值

clearData(“text”);清空剪贴板

（5）很多元素有oncopy、onpaste、oncut事件。

（6）history操作历史记录：

window.history.back();

window.history.forward();

window.history.go();