document.bgColor属性

dpcument用以设置网页背景颜色,document的一些同类属性还包括document.bgColor、document.fgColor、document.linkColor、document.alinkColor和document.vlinkColor。

bgColor用来设置背景颜色,FgColor属性用来设置文字的颜色,使用Bgcolor和FgColor属性,就能够在网页上的任何位置改变字体和背景颜色。linkColor、alinkColor和vlinkColor则被用在链接元素<A HREF>中,用以标记链接其他文件时显示其他文件显示的颜色,这种颜色也叫做链接色。linkColor属性则是设置单击后的超链接颜色。

JavaScript是严格区分大小写的,应该写作bgColor的,C就必须大写,而不能擅自改为小写。

<canvas>标签

<canvas>标签定义图形<canvas>标签只是图形容器,必须使用脚本来绘制图形。本实例主要代码如下:

<script type="text/javascript">

function change(form){

/*未输入颜色编码,弹出提示框*/

if (form.text.value == "")

alert("你喜欢的颜色是?");

/*按输入颜色编码,修改背景颜色*/

else{

document,bgColor = ("" + form.text.valuse + "" );

}

}

</script>

请输入颜色编码:

<form>

<script type="text/javascript">

function ie(form)

{

/*未输入颜色编码,弹出提示框*/

if(form.text.value == "")

alert("你喜欢的颜色是?")

else

{

/*按输入颜色编码,修改背景颜色*/

document.bgColor=(""+form.text.value+"");

}

}

</script>

<fontsize="2">请输入颜色编码:</font>

<input type="text" name="text" size="20" style="border: 1 dotted:#008000">

<input type="button" name="button" value="修改颜色" onClick="change(this.form)">

<!--对比颜色块-->

<canvas id="myCanvas" width="550" height="150" color="red"></canvas>

<script type="text/javascript">

var c=document.getElementById("myCanvas");

var cxt=c.getContext("2d");

cxt.fillStyle="#FF0000";

cxt.fillRect(0,0,150,75);

</script>

</form>