一、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>

转载于:https://www.cnblogs.com/yangang2013/p/5431649.html

JavaScript基础学习(一)—JavaScript简介相关推荐

javaScript基础学习 - 14 - JavaScript内置对象 -案例代码
javaScript基础学习 - 14 - JavaScript内置对象 -案例代码 1. Math对象最大值 2. 封装自己的数学对象 3. Math绝对值和三个取整方法 4. Math对象随机数方 ...
JavaScript基础学习(二)—JavaScript基本概念
一.语法 1.区分大小写 JavaScript是一种弱类型的脚本语言.它区分大小写,变量名test与Test表示两个完全不同的变量. 2.标识符所谓标识符就是变量.函数.属性的名字,它有以下规则. ...
JavaScript基础学习模拟京东查询快递单号
JavaScript基础学习模拟京东查询快递单号 <!DOCTYPE html> <html lang="en"><head><meta ...
JavaScript基础学习动态生成表格
JavaScript基础学习动态生成表格根据我们拥有的数据来动态创建表格的行和列,以及实现删除行的操作 <!DOCTYPE html> <html lang="en&q ...
web前端知识集合——javascript基础篇之javascript背景历史和运行环境（一）
前言:温故而知新,可以为长也!万变不离其宗,无论是现在web前端技术衍生出多么优秀,好用的框架,插件,都离不开这门语言的基础知识.掌握各种优秀的框架,插件,只是"善用工具的人",深 ...
【HTML③】JavaScript基础、使用JavaScript制作网页特效、使用前端库及UI框架快速开发
[HTML③]JavaScript基础.使用JavaScript制作网页特效.使用前端库及UI框架快速开发八.JavaScript基础 1.JavaScript JavaScript简称JS是用于制 ...
javascript基础系列：javascript中的变量和数据类型（一）
javascript基础系列:javascript中的变量和数据类型(一) 今天开始去重新系统温习一遍js基础,并作下记录 javascript是由三部分组成: ECMASCRIPT(ES): 描述了 ...
JS学习笔记（JavaScript基础学习必备）
讲解JavaScript 基础语法.关键特性.JSON.WebAPI 等知识点.涉及网页窗口交互的方法以及通过 DOM 进行网页元素的相关操作. 文章目录一.JavaScript 基础 1.什么是 ...
JavaScript 基础学习笔记
JavaScript 基础一.初始 JavaScript 1.JS 注释 2.JS 输入输出语句二.变量 1.变量概述 1)什么是变量 2)变量在内存中的存储 2.变量的使用 3.变量的初始化 4 ...

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

一、JavaScript概述

二、在HTML中使用JavaScript

<script>元素

JavaScript基础学习(一)—JavaScript简介相关推荐

最新文章

热门文章