JavaScript基础

JavaScript是一种轻量级、解释型的Web开发语言，获得了所有浏览器的支持，是目前广泛使用的编程语言之一。本章将简要介绍JavaScript基本语法和用法。

1、编写JavaScript脚本

在HTML页面中嵌入JavaScript脚本需要使用<script>标签，在<script>标签中可以直接编写JavaScript代码，也可以编写单独的JavaScript文件，然后通过<script>标签导入HTML文档。

1.1、设计第一个脚本程序

使用

【示例1】直接在页面中嵌入JavaScript代码。
第1步，新建HTML文档，保存为test.html，然后在<head>标签内插入<script>标签。

第2步，为<script>标签指定type属性值为“text/javascript”。现代浏览器默认<script>标签的类型为JavaScript脚本，因此可以省略type属性。

第3步，直接在

    <!doctype html>
    <html>
    <meta charset="utf-8">
    <title>test</title>
    <script type="text/javascript">
    function hi(){
        document.write("<h1>Hello,World!</h1>");
    }
    hi();
    </script>

上面JavaScript脚本先定义了一个hi()函数，该函数被调用后会在页面显示字符“Hello,World!”。document表示DOM网页文档对象，document.write()表示调用Document对象的write()方法，在当前网页源代码中写入HTML字符串“<h1>Hello,World!</h1>”。

调用hi()函数，浏览器将在页面中显示一级标题字符“Hello,World!”。

第4步，保存网页文档，在浏览器中预览，显示效果如下图所示：
在这里插入图片描述