
1.6.5 write()方法
在众多用途中,JavaScript经常用于显示文本。使用write()方法可以在HTML页面上显示文本。以后你将会看到如何将文本与程序获得的信息结合起来使网页具有交互性。
我们现在只学习显示简单的文本。首先,如前所述使用点标记访问write()方法。要将文本放置在网页文档上,先指定document对象,然后写一个点,再写write()方法,并将要显示的文本放入圆括号内。
然而,你不能只是录入文本。write()方法只是告诉浏览器要包含的文本,浏览器也需要知道如何显示这个文本。因此,还必须指定描述文本如何格式化的HTML代码。如果不指定任何格式,浏览器将会使用它的默认值。例1.14说明如何在网页文档上简单地显示一行文本,注意要显示的文本必须在圆括号里用引号括起。
例1.14 使用JavaScript生成欢迎页面 这个例子展示如何使用JavaScript和点标记在网页上显示未格式化的文本。
注意:访问document对象时使用一个点和write()方法,而要显示的文本括在引号中。其输出看起来像这样:
然而,如果想要将文本显示为标题,如<h1>或<h3>,则需要在圆括号里包括标题标签,如例1.15所示。
例1.15 使用格式化的HTML生成欢迎页面 这个例子展示如何使用JavaScript和点标记在网页上将文本显示为1级标题。
注意,标题标签<h1></h1>放入引号内,浏览器将把引号内的文本视为HTML文档中的代码解释。其输出看起来像这样:
write()方法允许放置任意多的HTML代码。例1.16展示如何使用write()方法显示多行文本,而每行的格式不同。
例1.16 扩展使用write()方法 这个例子展示如何显示不同格式的文本,包括一个标题、一条水平线、一些段落和一个强制换行。
注意:所有HTML标签放入引号内,而浏览器将引号内的文本视为HTML文档中的代码解释。其输出看起来像这样: