Document对象

最新推荐文章于 2024-03-01 09:01:26 发布

iteye_16868

最新推荐文章于 2024-03-01 09:01:26 发布

阅读量250

点赞数

文章标签： javascript ViewUI

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:

varred=0;
vargreen=0;
varblue=0;
varindex=0;
varhexbase=newArray("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
varconvert=newArray();
for(x=0;x<16;x++) /*十进制转换为十六进制*/
{
for(y=0;y<16;y++)
{
convert[index]=hexbase[x]+hexbase[y];
index++;
//document.write(convert[index]);
}
}
functionAddColor(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();
}
}
functionReduceColor(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();
}
}
functiondisplay() /*设置背景色*/
{
redx=convert[red];
greenx=convert[green];
bluex=convert[blue];
varrgb="#"+redx+greenx+bluex; /*获取颜色的16位的十六进制的字符串*/
document.bgColor=rgb; /*改变背景颜色为所设置的颜色*/
}