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>
JavaScript基础学习(一)—JavaScript简介的更多相关文章
- JavaScript基础学习(二)—JavaScript基本概念
一.语法 1.区分大小写 JavaScript是一种弱类型的脚本语言.它区分大小写,变量名test与Test表示两个完全不同的变量. 2.标识符 所谓标识符就是变量.函数.属性的 ...
- JavaScript 基础学习1-day14
JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaS ...
- 48.javascript基础学习
javascript基础学习: http://www.w3school.com.cn/jsref/index.asp jS的引入方式: 1.行间事件:为某一个具体的元素标签赋予js内容,oncli ...
- JavaScript 基础学习（二）js 和 html 的结合方式
第一种 使用一个标签 <script type="text/javascript"> js代码; </script> 第二种 使用 script 标签,引入 ...
- JavaScript 基础 学习 （四）
JavaScript 基础 学习 (四) 解绑事件 dom级 事件解绑 元素.on事件类型 = null 因为赋值的关系,所以给事件赋值为 null 的时候 事件触发的时候,就没有事件处理 ...
- JavaScript 基础 学习（三）
JavaScript 基础 学习(三) 事件三要素 1.事件源: 绑定在谁身上的事件(和谁约定好) 2.事件类型: 绑定一个什么事件 3.事件处理函数: 当行为发生的时候,要执行哪一个函数 ...
- JavaScript 基础 学习 （二）
JavaScript 基础 学习 节点属性 每一个节点都有自己的特点 这个节点属性就记录着属于自己节点的特点 1. nodeType(以一个数字来表示这个节点类型) 语法:节点.nodeT ...
- JavaScript 基础 学习 （一）
JavaScript 基础 学习 获取页面中的元素的方法 作用:通过各种方式获取页面中的元素 比如:id,类名,标签名,选择器 的方式来获取元素 伪数组: 长的和数组差不多,也是按照索引排 ...
- JavaScript 基础学习（一）JavaScript 简介
定义 JavaScript是基于对象和事件驱动的语言,应用与客户端.其中: 基于对象:提供好了很多对象,可以直接拿过来使用 事件驱动:html做网站静态效果,javascript动态效果(网页能根据客 ...
随机推荐
- Spring+SpringMVC+MyBatis+easyUI整合基础篇（一）项目简介
很久之前就打算开始写一下自己的技术博客了,实在抽不出时间所以计划一直搁置了,最近项目进度渐渐缓了下来,不那么忙了,也因此开始筹备自己的博客.说到这次博客的主角,也是无心插柳找到的,来源于两年前自己写的 ...
- ubuntu16.04下安装配置深度学习环境（一、cuda7.5的安装）
1.下载所需要的软件 cuda7.5下载(点击下载链接),cudnn4.0下载 2.安装NVIDIA驱动. 一般有两种方法:1)一种方法是利用"软件和更新"来安装,依次选择 系统设 ...
- Linux 命令--查看物理CPU个数、核数、逻辑CPU个数
# 总核数 = 物理CPU个数 X 每颗物理CPU的核数 # 总逻辑CPU数 = 物理CPU个数 X 每颗物理CPU的核数 X 超线程数 # 查看物理CPU个数 cat /proc/cpuinfo| ...
- Overlay网络技术之vxvlan
了解云计算数据中心网络架构的过程中,看到这么一篇不错的关于大二层技术overlay的文章,转载分享给大家! 一. 传统网络面临的问题 随着企业业务的快速扩展需求,IT做为基础设施,快速部署和减少投入成 ...
- Java日志工具之Log4J
Log4J与java.util.logging.Logger的使用方式出奇的相似,因此如果先看这篇文章<Java日志工具之java.util.logging.Logger>在来用Log4J ...
- java 限定控制台输入值的类型
import java.io.BufferedReader;import java.io.IOException;import java.io.InputStreamReader; public cl ...
- KoaHub.JS基于Node.js开发的mysql的node.js驱动程序代码
mysql A node.js driver for mysql. It is written in JavaScript, does not require compiling, and is 10 ...
- 1819: [JSOI]Word Query电子字典
1819: [JSOI]Word Query电子字典 Time Limit: 10 Sec Memory Limit: 64 MBSubmit: 729 Solved: 238[Submit][S ...
- loadrunner：判断是否服务器连接池瓶颈
分析Web Resources中的Connections per second可以判断是否服务器连接池瓶颈. connections per second会给出两种不同状态的连接数:中断的连接和新建的 ...
- conky 1.10以后的新配置格式
包装 config conky.config = { ... } 包装 TEXT conky.text = [[ ... ]] 每个 config 选项的变量和取值之间插入 "=" ...