Study JavaScript (Day09)

1、事件取消

- 终止当前的事件

- 在事件调用的地方写上 return false;

 

2、自定义对象

- 声明函数/方法的形式创建对象

function Person(name,age){

//声明属性并且给属性赋值

this.name=name;

this.age=age;

//声明方法

this.run = function(){

alert("name:"+this.name+" age:"+this.age);

}

}

//创建对象

var p = new Person("李白",28);

p.run();

- 声明变量的形式创建对象

/* 第二种创建对象的方式 */

var p = {

"name":"曹操",

"age":18,

"run":function(){

alert("name:"+this.name+" age:"+this.age);

}

}

p.run();

 

3、DHTML

- 简介：Dynamic(动态)HTML，并不是一门新的技术，把html+css+js一起做出的页面称为DHTML

- DHTML包括： BOM 和 DOM

- BOM：Browser浏览器 Object对象 Model模型，里面包含和浏览器相关的内容

- DOM：Document文档 Object对象 Model模型，里面包含所有和页面元素相关的内容

 

4、BOM 浏览器对象模型

window

window中的所有属性称为全局属性，所有方法称为全局方法，调用时可以省略掉window

- window里面包含以下对象：

- location:位置

可以得到浏览器当前的访问地址，也可以修改

location.href 得到当前浏览器访问的地址

location.href="http://doc.tedu.cn"; 修改浏览器访问的地址

- history：历史

当前窗口浏览的历史

history.length 当前窗口的历史页面数量

history.back(); 返回上一个页面

history.forward(); 前进到下一个页面

history.go(num); 前往第几个页面 正值是前进 负值是后退，0是刷新

- screen：屏幕

screen.width/height 获取屏幕宽高 分辨率

screen.availWidth/Height 获取屏幕可用宽高 减掉了开始菜单栏的高度

- navigator：导航/帮助

navigator.userAgent //得到浏览器的版本信息

 

5、和window相关的事件

- 窗口点击事件

onclick = function(){}

- 页面加载完成事件 只会执行一次

onload = function(){}

- 页面获取焦点事件 会执行多次 每次页面激活时执行

onfocus = function(){}

- 页面失去焦点事件 会执行多次 每次页面失去激活状态时执行

onblur = function(){}

6、eval()

- 可以将字符串以js代码的形式执行

计算器练习： 代码参见demo06.html

 

7、弹出窗

- 提示框：alert("弹出的内容");

- 确认框：confirm("")

- 弹出文本框： prompt("请输入您的大名！");

 

8、通过js对元素添加样式

x.style.样式名="值";

 

9、定时器

setInterval(方法,时间间隔);

 

10、创建元素的方式

var img = document.createElement();

11、往页面body中添加元素

document.body.appendChild(img);

12、获取随机数

- Math.random() 0-1随机数

- Math.floor() 向下取整