JavaScript简介

JavaScript是一种运行在客户端的脚本语言。脚本语言就是不需要编译，运行过程中由js解释器逐行来进行解释并执行。现在也可以基于Node.js技术进行服务器端编程

HTML/CSS/JS的关系

HTML是描述类语言，决定网页结构和内容，相当于人的身体

CSS是描述类语言，决定网页呈现给用户的模样，相当于给人穿衣服

JS是编程类语言，实现业务逻辑和页面控制（决定功能），相当于人的动作

浏览器执行JS的过程

浏览器有两部分，渲染引擎和JS引擎

渲染引擎用来解析HTML和CSS，俗称内核

JS引擎也称为JS解释器，用来读取网页中的JavaScript代码，并对其进行处理和运行

浏览器本身并不执行JS代码，而是通过内置的JavaScript引擎来执行。执行时，逐行解释每一句源码，然后交给计算机执行。所以JavaScript语言是一种脚本语言。

JS的组成

JS由3部分组成：JavaScript语法（ECMAScript）、页面文档对象模型（DOM）、浏览器对象模型（BOM）

ECMAScript规定了JS的编程语法和基础核心知识，后两者是ECMAScript语言的实现和拓展。

BOM指的是浏览器对象模型，它提供了独立于内容的、可以与浏览器窗口进行互动的对象类型。通过BOM可以操作浏览器窗口。

DOM是文档对象模型，是W3C推荐的处理可拓展标记语言的标准程序接口。通过DOM提供的接口可以对页面上的各种元素进行操作

JS的书写位置

行内式：直接写到元素内部

内嵌式：在head中书写，写在script标签中

外部：写在一个js文件中，引入方法是在script标签中的src属性中写地址。

注意，引入外部js的script标签之间不能写其他代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script>// 内嵌式，打开网页时弹出弹框alert('内嵌式弹框');</script><!-- 外部js --><!-- 外部js文件中的代码为alert('外部弹框') --><!-- 打开网页时弹出弹框 --><script src="外部js.js"></script></head><body><!-- 行内式 --><!-- 点击按钮，弹出弹框 --><input type="button" value="按钮" onclick="alert('行内式弹框')"></body>
</html>

效果：

JavaScript代码的注释

单行注释：前面加上//

多行注释：使用/* */

JavaScript输入输出语句

一些常用的输入输出语句：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script>// 输入框prompt('请输入名字');// 弹出警示框alert('一个警示框');// 控制台输出，给程序员测试用的console.log('程序员看到的');</script></head><body></body>
</html>

效果：

JavaScript学习1相关推荐

Javascript学习7 - 脚本化浏览器窗口
原文:Javascript学习7 - 脚本化浏览器窗口本节讨论了文档对象模型.客户端Javascript下Window中的各项属性,包括计时器.Location对象.Histroy对象.窗口.浏览器 ...
Java程序猿的JavaScript学习笔记（12——jQuery-扩展选择器）
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
《Javascript入门学习全集》 Javascript学习第二季（实战4）
Javascript学习第二季(实战4) 上章的例子虽然实现了功能,也做了相应的判断,也符合标准了.但还有一个问题就是: Choose an image. 在html中只是为了图片切换而做的,而 ...
Java程序猿的JavaScript学习笔记（汇总文件夹）
最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...
JavaScript学习知识点归纳
JavaScript学习包括几大方面: 1.基础语法 2.JavaScript核心对象 3.DOM操作 4.BOM操作 5.正则表达式 6.AJAX 7.面向对象编程以下依次为各版块相关内容==&g ...
JavaScript学习笔记（五）
JavaScript学习笔记(五) ①Array类本地对象 ②Date类 ①Global对象对象的类型内置对象 ②Math对象宿主对象今天继续学习JS中的对象,昨天内置对象Global对 ...
JavaScript学习笔记（备忘录）
JavaScript学习笔记(备忘录) ===运算符判断数值和类型是否相等.如: console.log('s'==='s') //输出trueconsole.log('1'===1) //输出fa ...
Java程序猿的JavaScript学习笔记（10—— jQuery-在“类”层面扩展）
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
JavaScript学习笔记（十）——学习心得与经验小结
JavaScript学习笔记(十)--学习心得与经验小结目前我先列好提纲,利用每晚和周末的闲暇时间,将逐步写完 ^_^ 转载于:https://www.cnblogs.com/mixer/archi ...
JavaScript 学习笔记（1）
1. 何为 Jscript JScript 是一种解释型的.基于对象的脚本语言. 局限性: 1) 不能使用该语言来编写独立运行的应用程序 2) 没有对读写文件的内置 ...

JavaScript学习1