且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

《JavaScript和jQuery实战手册(原书第2版)》——1.4节把文本写到Web页面上

更新时间:2021-09-23 05:36:59

1.4 把文本写到Web页面上
前一个脚本在显示器的中间弹出一个对话框。如果想要使用JavaScript直接在Web页面上显示消息,该怎么办呢?有很多方法可以做到这一点,并且我们将在本书后面内容中学习一些高级技术。然而,我们可以使用一条内置JavaScript命令来实现这个简单的目标,这就是第二个脚本所要做的事情:

  1. 在文本编辑器中打开hello2.html文件。
    尽管< script>标签通常出现在Web页面的< head>中,但是可以把它们和JavaScript程序直接放置到Web页面的正文中。
  2. 直接在“< h1>Writing to the document window”的下面输入如下代码:
< script>
    document.write('<p>Hello world!</p>');
    < /script>

和alert()函数一样,document.write()也是一条JavaScript命令,它把放置在开始圆括号和结束圆括号之间的内容直接显示出来。在这个例子中,HTML

Hello world!

添加到了页面中,这是一个段落标签和两个单词。
  1. 保存页面,并且在一个Web浏览器中打开它。
    页面打开并且单词“Hello world!”出现在蓝色标题栏的下方(如图1-3所示)。


《JavaScript和jQuery实战手册(原书第2版)》——1.4节把文本写到Web页面上

注意: 下载的教程文件也包含了每个教程的完整版本。如果你的JavaScript无法工作,则将你的成果和同一目录下文件名以complete_开头的教程文件进行比较。例如,文件complete_hello2.html包含了我们添加到文件hello2.html的脚本的一个有效版本。
刚刚创建的两段脚本可能并没有使你对JavaScript或者本书留下深刻印象。不必担心。从完全理解基础知识开始是很重要的。只需要几章内容,你将能够使用JavaScript做一些非常有用且复杂的事情。实际上,在本章剩下的内容中,我们将初步尝试一些高级功能,在学习完本书的前两个部分之后,我们就能够把这些高级功能添加到Web页面。