首页 > 代码库 > JavaScript语言基础2

JavaScript语言基础2

我们先来看看下面这段代码:

<HTML>
<HEAD>
	<TITLE>Hello World</TITLE>
</HEAD>
<BODY>
<SCRIPT Language="JavaScript" TYPE="text/javascript">
	document.write("Hello World")
</SCRIPT>
</BODY>
</HTML>

保存以.html为后缀名,使用浏览器查看一下效果:



在网页中加入JavaScript代码时,必须使用成对的标记:<script></script>

以<script>开始  并以</script>结束,在这块区域的代码,我们称为脚本块

从上面代码中,我们看到script脚本块被放在了<BODY>和</BODY>之间,<script>的位置是随意的,它可以放在HTML页面的头部,也就是<HEAD></HEAD>标记之间,也可以是<BODY></BODY>标记之间,

<SCRIPT Language="JavaScript" TYPE="text/javascript">

<script>标记具有一些属性,其中最重要的是type属性,我们在使用script脚本时,需要告诉浏览器,当前我们使用的脚本语言是哪种脚本语言,以便浏览器正确的进行处理,因此,我们就将type设置成text/javascript。

在一个页面中,也可以省略type属性,因为当前的浏览器把JavaScript作为默认的脚本语言,但是,制定HTML标准的W3C将type属性列为一个强制性的规范,

document.write("Hello World")
document对象代表的是网页,也就是说在网页中显示"Hello World",document对象具有很多属性,比如bgColor

<HTML>
<HEAD>
	<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
	document.bgColor="RED"
</SCRIPT>
</BODY>
</HTML>

显示的效果:



bgColor将页面设置成了红色


JavaScript语言基础2