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

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

时间: 2024-09-15 22:25:03

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

《JavaScript和jQuery实战手册(原书第2版)》——导读

目 录 第一部分:JavaScript 入门第1章 编写第一个JavaScript 程序1.1 编程简介1.2 如何把JavaScript 添加到页面1.3 第一个JavaScript 程序1.4 把文本写到Web 页面上1.5附加外部JavaScript 文件1.6追踪错误第2章 JavaScript 的语法2.1 语句2.2 内置函数2.3 数据类型2.4 变量2.5 操作数据类型和变量2.6 教程:使用变量创建消息2.7 教程:请求信息2.8 数组2.9 教程:编写使用数组的页面2.10

《JavaScript和jQuery实战手册(原书第3版)》---第1章 编写第一个JavaScript程序 1.1 编程简介

本节书摘来自华章出版社<JavaScript和jQuery实战手册(原书第3版)>一书中的第1章,第1.1节,作者David Sawyer McFarland,姚待艳 李占宣 译,更多章节内容可以访问"华章计算机"公众号查看. 第1章 编写第一个JavaScript程序 HTML自身并没有太多智能:它不能做数学运算,不能判断某人是否正确填写了一个表单,而且不能根据Web访问者的交互来做出判断.基本上,HTML让人们阅读文本.观看图片或视频,并且单击链接转向拥有更多文本.图片

《JavaScript和jQuery实战手册(原书第2版)》——3.4节函数:把有用的代码转换为可复用的命令

3.4 函数:把有用的代码转换为可复用的命令 假设在工作中你刚刚得到一位新的助理,来帮助你完成每项任务(这时候应该把本书归类为"玄幻小说"了).假设你饿了想吃披萨饼,但助理是新来到这座大楼和这个区域的,你必须给他清楚的指示:"出门右转,乘电梯到1层,走出大楼--"等.助手按照你的指示并且买来了一块披萨饼.几个小时之后,你又饿了,还想吃更多的披萨饼.现在,你不需要再次复述整个指示("出门右转,乘电梯到1层,走出大楼--").这次,助手知道到哪里去购

《JavaScript和jQuery实战手册(原书第2版)》——2.11节注释

2.11 注释 有的时候,当你思考编程的时候,会觉得自己理解程序中所进行的所有事情.代码的每一行都有意义,并且更好的是,它们还都能工作.但是,一个月或两个月以后,当你的老板或客户请你对自己所编写的漂亮脚本做一个更改或添加一项新功能的时候,你可能会看着似曾相识的JavaScript代码抓耳挠腮:这个变量的作用是什么?为什么我要这样写程序呢?程序的这一段做什么事情呢? 我们很容易忘记一个程序是如何工作的以及为什么按照这样的方式来编写代码.好在大多数编程语言为程序员提供了一种方法,使得他们可以给自己或

《JavaScript和jQuery实战手册(原书第2版)》——2.10节对象的简单介绍

2.10 对象的简单介绍 到目前为止,我们在本书中了解到,可以使用document.write()命令将一些内容写到Web页面中,可以确定一个数组中有多少个项目,只要输入数组的名字,后面跟着一个点号和单词"length"就可以了,例如,days.length.你可能会问,这些点号是干什么的?我们已经在不知道JavaScript的这一特殊语法的情况下学习3章内容了,现在该来了解一下它了. 对于JavaScript语言的很多元素,我们已经建立起了概念,包括Web页面的元素,也就是对象.当然

《JavaScript和jQuery实战手册(原书第2版)》——1.1节编程简介

1.1 编程简介对于很多人来说,"计算机编程"使他们脑海里浮现出这样的情景:拥有超常智慧的家伙在键盘前弯腰而坐,连续数小时飞快地敲击着几乎难以理解的.含混不清的语言.确实,某些编程工作就是那样的.编程可能像是非凡之人表演的复杂魔术.虽然很多编程概念很难掌握,但是,在编程语言中,JavaScript对于非程序员来说算是相对友好的.然而,JavaScript比HTML或CSS都要复杂,并且,对于Web设计者来说,编程往往是一个陌生的世界.因此,本书的目标之一是帮助你像一个程序员一样思考.在

《JavaScript和jQuery实战手册(原书第2版)》——1.2节如何把JavaScript添加到页面

1.2 如何把JavaScript添加到页面 Web浏览器可以理解HTML和CSS,并且能够把这些语言转换为屏幕上可视化的显示.Web浏览器中能够理解HTML和CSS的部分叫做布局或渲染引擎.但大多数浏览器还拥有一种叫做JavaScript解释器的工具.它是浏览器的一部分,可以理解JavaScript并且执行一个JavaScript程序的步骤.既然Web浏览器通常期待HTML,当JavaScript出现的时候,必须使用<script>标签明确地告诉浏览器. <script>标签是常

《JavaScript和jQuery实战手册(原书第2版)》——1.3节第一个JavaScript程序

1.3 第一个JavaScript程序 学习JavaScript的最佳方式是进行实际的编程.在本书中,你将会看到很多动手实践的教程,它们带领你一步一步地经过创建JavaScript程序的过程.要开始练习教程,我们需要一个文本编辑器(参见前言的"用于JavaScript编程的软件"部分的介绍).一个Web浏览器以及位于www.sawmac.com/js2e的练习文件(参见下面的"注意"部分的完整说明). 注意: 本章的教程需要本书Web站点www. sawmac.co

《JavaScript和jQuery实战手册(原书第2版)》——2.6节教程:使用变量创建消息

2.6 教程:使用变量创建消息在这个教程中,我们将使用变量在Web页面上显示一条消息.注意: 为了学习本章中的教程,你需要从本书配套Web站点http://sawmac.com/js2e/下载教程文件.请参见1.3节中 "注意"部分的详细说明. 在文本编辑器中打开chapter02目录下的文件use_variable.html.这个页面只是一个基本的HTML文件,其中带有一些简单的使用CSS的设计.它还没有任何的JavaScript.我们可以使用变量在Web页面上显示消息. 找到<