Document对象

来源：互联网发布：佳能ip7280清零软件编辑：程序博客网时间：2024/05/09 22:46

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

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; /*改变背景颜色为所设置的颜色*/
}

效果，在相册里！