【zt】web学习day03

一、bom
1、什么是bom?
browser object model(浏览器对象模型)。
指浏览器支持的一些对象，主要包括window,document,
navigator,location,screen以及XmlHttpRequest。通过
这些对象，可以实现:
a,窗口操作
b,浏览器地址信息
c,屏幕分辨率
d,浏览器本身包含的一些内部信息
e,发送异步请求
bom模型并没有标准化。
2、window对象
a、open方法
打开一个新的窗口，例如：
window.open
('1.html', 'new', 'height=100, width=200,
top=0, left=0,
toolbar=no, menubar=no,
scrollbars=no, resizable=no, location=no, status=no')；
'1.html' 弹出窗口的文件名；
'new' 弹出窗口的名字；如果该参数指定了一个已经存在的窗口，则 open() 方法不再创建一个新窗口，而只是返回对指定窗口的句柄。
height=100 窗口高度；
width=200 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar 是否显示菜单栏。
scrollbars 是否显示滚动栏。
resizable=no 是否允许改变窗口大小，yes为是 。
location=no 是否显示地址栏，yes为是。
status=no 是否显示状态栏内的信息。
close方法
关闭窗口
返回值为窗口对象句柄
document属性
获得Document对象
location属性
获得Location对象
alert方法
弹出一个警告对话框
confirm方法
弹出一个选择对话框，返回用户是否确认。
该方法会返回true/false。
prompt方法
弹出一个供用户输入信息的对话框，返回用户
输入信息。
setTimeout方法
用于在指定的毫秒数后调用函数。
setTimeout(fn,毫秒);
其中，fn是要调用的函数
setInterval方法
按照指定的周期（以毫秒计）来调用函数。
var taskId = setInterval(fn,毫秒);
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval()
返回的 ID 值可用作 clearInterval() 方法的参数。
clearInterval方法
clearInterval(taskId);
3、location对象
封装了浏览器地址信息
location.href='abc.html'
4、document对象
a,getElementById()
b,createElement()
c,write():直接向网页输入相关的信息
5、navigator对象
封装了浏览器本身的信息
6、screen对象
封装了屏幕大小与分辨率

二、事件处理机制
1、事件绑订
当用户对网页中的某个标记做了某种操作，比如
点击一个链接，会产生相应的事件，或者，浏览器
自身也会产生一些事件，比如，当浏览器将整个页面
加载完成，会产生load事件。可以为标记绑订相应的
事件处理代码，这样，当该标记产生事件以后，浏览器
将会调用事先绑订的代码来处理该事件。
2、事件绑订的方式
1)绑订到html标记之上。
比如:
<input type="button" onclick="js代码"/>
2)绑订到dom节点之上。
比如:
var obj = document.getElementById(id);
obj.onclick = js代码。
3)使用浏览器自已的绑订方式（因为这种方式
与浏览器相关，比如ie的绑订方式在firefox中
是不能运行的，所以这种方式尽量少用）。
3、如何获得事件对象
1)ie,直接使用event
2)firefox,需要在函数中添加一个event参数
4、事件对象的作用
1)获得鼠标点击的坐标
event.clientX
event.clientY
2)找到事件源
a, ie,使用event.srcElement
b,firefox,使用event.target
5、事件冒泡
1)什么是事件冒泡
子节点产生的事件对象，会向上抛出给父节点。
2)怎样取消冒泡
event.cancelBubble = true;
三、引用类型
javascript一种面向对象的语言，但是，它的类的
定义与java不同，没有类的严格的定义。
1、Object
所有的引用类型都是Object的子类型。
Object类型的作用是，创建一个javascript对象。
var obj = new Object();
obj.属性名=属性值;
使用Object创建对象的原因，是为了方便传递
参数。也就是说，可以将多个参数封装到一个对象
里面，传递给某个方法。
2、Array(略)
3、Date
4、RegExp
var reg = /正则表达式/模式;
其中
模式有:
g:搜索全局
i:忽略大小写
reg.test(string);
5、Function类型 (所有的函数都是
Function类型的实例)
1)使用函数创建一个新的类型(参见js10.html)
2)函数其本质是一个对象(参见js11.html)
练习：
写一个简单的时钟。显示系统当前的时间。






变量的作用域
活动对象:
浏览器在读取javascript脚本时，会将
变量的定义与函数的定义先保存到一个内置
的对象（该对象称为活动对象）上面。
比如:
<script>
var s1 = 'abc';
var s2 = 'cba';
function f1(){
alert(s2); //undefined
var s2 = "bcd";
alert(s1);
}
f1();
</script>
首先，浏览器在读到<scrip>标记时，
会在全局的活动对象上面，保存s1,s2及f1
的定义。接下来，在读取f1()里面的代码时，
会为该函数创建一个局部的活动对象，并且，
保存s2的定义在该对象上。
以上代码的执行结果是undefined。原因是：
浏览器在执行alert(s2)时，先会在局部的活动
对象上查找有没有s2的定义，因为有定义，所以，
不会向上查找s2的定义了，又因为在执行alert(s2)
时，var s2 = "bcd";没有执行，所以结果是
undefined。