文章教程

1.6Web编程的基础知识之三:JavaScript基础

9/17/2020 9:26:54 PM 人评论 次浏览

1.6 Web编程的基础知识之三:JavaScript基础

JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言,它是Web页面设计的重要组成部分,它被嵌入在HTML文档中,由浏览器解释执行。可以使用JavaScript设计出效果更丰富的Web页面、验证Web页面表单数据、创建cookie等。

1.6.1 网页中的JavaScript

JavaScript可以出现在HTML文档的任何地方,但必须包含在“<script language="JavaScript">”和“</script>”之间。一般情况下,使用“<script language="JavaScript">”和“</script>”包含的JavaScript代码。代码1-23演示了在一个HTML文档中包含一段JavaScript代码。

代码1-23 HTML文档中的可执行的JavaScript代码1-23.html


01 <html>

02 <head>

03 My first JavaScript!

04 </head>

05 <body>

06 <br>

07 This is a normal HTML document.<br/>

08 <script language="JavaScript">

09 document.write("这段文字是由JavaScript输出的!")

10 </script>

11 <br/>HTML Content

12 </body>

13 </html>


【代码解析】以上JavaScript代码就是可执行的JavaScript脚本。其中document是JavaScript的内置对象,读者可以将其理解为,该对象就代表当前的HTML文档。开发人员在JavaScrip中可以直接使用该对象。write是该对象的一个方法,它的作用是向Web页面输出一行文字,接下来的几个JavaScript示例程序将还会用到它们,读者目前只要知道存在这个对象并且可以使用它们即可,后面将会讲到这些内置对象及其用法。这段脚本通过JavaScript的document对象的write方法输出一段文字,显示结果如图1-26所示。

图 1-26 HTML文档中可执行的JavaScript代码

为便于初学者掌握JavaScript,本书主要介绍在HTML文档中的JavaScript应用,及如何编写在HTML中的JavaScript代码。事实上,JavaScript代码可以编写在独立的文件中,它们通常以后缀名“.js”保存,当HTML文档需要时,将这些.js文件包含到当前HTML文档中。

教程类别