JavaScript基础学习(一)—JavaScript简介

一、JavaScript概述

JavaScript是一种专为与网页交互的脚本语言，由三部分组成。

ECMAScript

核心，提供核心语言功能。

BOM(浏览器对象模型)

BOM(Browser Object Model)浏览器对象模型，提供与浏览器交互的方法与接口。

DOM(文档对象模型)

DOM(Document Object Model)文档对象模型，提供访问和操作网页内容的方法和接口。DOM把整个页面映射为一个多层节点结构。看下面这个HTML页面:

<html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <p>Hello,World</p>
    </body>
</html>

通过DOM创建的这个表示文档的树形图，开发人员获得了控制页面内容和结构的主动权。借助DOM提供的API，开发人员可以轻松自如的删除、添加、替换或修改任何节点。

二、在HTML中使用JavaScript

<script>元素

向HTML页面插入JavaScript的主要方法就是使用<script>元素，它有以下几个属性。

async

可选。表示当前脚本不必等待其他脚本，也不必阻塞文档呈现。比如下载其他资源或者加载其他脚本，只对外部脚本文件有效。

charset

可选。表示通过src属性指定代码的字符集，由于大多浏览器会忽略它的值，这个属性很少有人用。

defer

可选。表示脚本可以延迟到文档完全被解析和显示之后再执行，只对外部脚本文件有效。即立即下载，延迟执行。

src

可选。表示包含要执行代码的外部文件。

type

可选。表示编写代码使用的脚本语言的内容类型(MIME类型)，默认为text/javascript。

注意:

(1)使用<script>元素的方式有两种:直接在页面嵌入JavaScript代码和包含外部JavaScript文件。

(2)需要注意的是，带src属性的<script>元素不应该在两个标签之间再包含额外的JavaScript代码，如果包含了嵌入代码，则只会下载并执行外部脚本文件，嵌入的代码将会被忽略。

(3)无论如何包含代码，只要不存在defer和async属性，浏览器会按照<script>元素在页面中出现的先后顺序对它们依次进行解析。

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>这是测试页面</title>
        
        <script type=text/javascript>
            
            alert("Hello");
            
        </script>
        
    </head>
    <body>
        
       Hello,World
        
    </body>
</html>