开发者社区> 华章计算机> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

简介: 本节书摘来自华章社区《JavaScript和jQuery实战手册(原书第2版)》一书中的第1章,第1.4节把文本写到Web页面上,作者:David Sawyer McFarland,更多章节内容可以访问云栖社区“华章社区”公众号查看
+关注继续查看

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所示)。


87e0ebfd15f43ff5cc513e87cac406d545882e24

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
10057
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载