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

一、JavaScript概述

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

     image

     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>
posted @ 2016-04-25 17:10  ✈✈✈  阅读(298)  评论(0编辑  收藏  举报