JavaScript中常谈的对象

为浏览器编写代码时，总少不了window对象

window对象表示JavaScript程序的全局环境

同时

也表示应用的主窗口

---

 

处处都是对象

---

 

window对象

经常使用的属性和方法介绍

location

　　包含页面的URL，若是改变这个属性，浏览器会访问新的URL

status

　　包含将在浏览器状态去显示的一个串。通常在浏览器左下角

onload：

　　包含了须要在页面彻底加载后调用的函数

document：

　　包含DOM

alert方法：

　　显示一个提醒

prompt方法：

　　相似于alert，不过会从用户那获得信息

open

　　打开一个新窗口

close

　　关闭窗口

setTimeout：

　　指定的时间间隔后调用一个处理函数

setlnterval

　　以一个指定的时间间隔反复调用一个处理函数

谈谈window.onload

 经过向window的onload属性指定一个函数，能够确保在页面加载和DOM彻底创建以前不会运行代码。

 用于改变DOM的函数

1 window.onload = function(){
2      //code here 
3  }
4  //function是一个匿名函数，赋给onload

　

　咱们之因此不说window.inload = init(),是由于咱们不是调用函数，而是要使用它的值。

　将一个函数的值赋给window对象的inload属性，让它在页面加载完后，执行。

　

　建立window.onload处理程序有两种方法-----使用函数名和使用匿名函数。

　这两种方法基本上都会作同一件事，但若是赋给window.onload的函数还要在别处使用，则选择使用函数名

　

---

 

document对象

经常使用的属性和方法介绍

domain：

　　提供文档的服务器的域，如kelion.com.

title:

　　经过document.title，能够得到文档的标题

URL：

　　文档的URL

getElementById方法：

　　根据元素id获取这个元素

getElementsByTagName，

getElementsByClassName：

　　这两个方法相似前一个，只不过他们使用标记和类来获取元素

createElement：

　　建立适合包含在DOM中的新的元素

谈谈createElement

1  //建立<li>元素，
2  var li = document.createElement("li"); 
3  //给刚建立的元素赋值
4  li.innerHTML = "songName";
5  //获取<ul>元素
6  var ul = document.getElementById("playlist")
7  //把<li>元素增长到ul中
8  ul.appendChild(li)

注：在进行第8行代码前，li元素始终都是独立于DOM以外的

---

 

元素对象

经常使用的属性和方法介绍：

innerHTML：

　　包含元素的内容

childElementCount：

　　保存元素的个数

firstChild

　　第一个子元素

appendChild方法：

insertBefore方法：

　　用于插入元素，做为一个元素的子元素

getAttribute方法

setAttribute方法

　　使用者两个方法来设置和获取元素中的属性：如“src”，“id”，“class”等

 

最后来了解下button对象

button对象有一个常常用的属性：

　　　　onclick（用于监听一个按钮是否被按下了）。　

1  var button = document.getElementById("Button"); //button只是一个变量名，能够是button1，button2等等，但本质是一个按钮 2  button.onclick = handleButtonClick;