Document对象

46 阅读 0 评论 31 点赞

我是靠谱客的博主甜美帽子，最近开发中收集的这篇文章主要介绍Document对象，觉得挺不错的，现在分享给大家，希望可以做个参考。

Document对象

Document对象是window对象的下一层对象，引用的语法如下：

wondow.document //window可以省略，直接对document对象进行引用

对document对象的属性和方法的引用，语法如下：

window.document.属性|方法

属性

属性	说明
title	本HTML文档的标题，指<head>标记中用<title>…</title>定义的文字
bgColor	网页的背景色
fgColor	网页的文字颜色
linkColor	未用的连接的文字颜色
alinkColor	在选中的连接(alink)的文字颜色
vlinkColor	已使用的连接的文字颜色
lastModified	当前文档的最后修改日期
referrer	连接到当前文档的URL
location	本文档所在的位置URL
URL	网页的URL
domain	供应网页的服务器的domain name（只读）
cookie	阅读及设定cookie
forms	本文档上的表单对象的数组，小标从0开始
links	本文档上的连接对象数组，下标从0开始
anchors	本文档上的书签对象数组，下标从0开始
images	本文档上的图像对象数组，下标从0开始
layers	本文档上的layers对象数组，下标从0开始
plugins	本文档上的plugins对象数组，下标从0开始
applets	本文档上的applets对象数组，下标从0开始

方法

方法	说明
open()	删除现有文档，在一个窗口中打开指定的文件
close()	关闭open()打开的文档
write(string)	当向前文件写入一个字符串，string是一个字符串表达式
writeln(string)	同write方法，但它表示写入一行，然后换行。在IE中只添加一个空格

下面是一个小例子，通过按钮的单击事件来调节网页背景颜色的变化，界面设计，在相册里！

按钮上的值表示，每次单击时，颜色增加或者减去相应的值；

JavaScript脚本如下：

Code:

var red=0;
var green=0;
var blue=0;
var index=0;
var hexbase=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
var convert=new Array();
for (x=0;x<16;x++) /*十进制转换为十六进制*/
{
for (y=0;y<16;y++)
{
convert[index]=hexbase[x]+hexbase[y];
index++;
//document.write(convert[index]);
}
}
function AddColor(id,num) /*颜色增加*/
{
if(id==0) /*id=0表示增加的颜色为红色*/
{
if((red+num)<=255)
{
red+=num;
}
display();
}
if(id==1) /*id=1表示增加的颜色为绿色*/
{
if((green+num)<=255)
{
green+=num;
}
display();
}
if(id==2) /*id=2表表示增加的颜色为蓝色*/
{
if((blue+num)<=255)
{
blue+=num;
}
display();
}
}
function ReduceColor(id,num) /*颜色减淡*/
{
if(id==0) /*同上*/
{
if((red-num)>=0)
{
red-=num;
}
display();
}
if(id==1)
{
if((green-num)>=0)
{
green-=num;
}
display();
}
if(id==2)
{
if((blue-num)>=0)
{
blue-=num;
}
display();
}
}
function display() /*设置背景色*/
{
redx=convert[red];
greenx=convert[green];
bluex=convert[blue];
var rgb="#"+redx+greenx+bluex; /*获取颜色的16位的十六进制的字符串*/
document.bgColor=rgb; /*改变背景颜色为所设置的颜色*/
}