JavaScript基础语法
1.初始JavaScript
1.1 简单介绍
简称 JS
- 是世界上最流行的编程语言之一
- 是一个脚本语言,通过解释器运行
- 主要是在客户端(浏览器)上运行,现在也可以是基于 node.js 在服务器端运行
1.2 JS 能做的事情
- 网页开发(更复杂的特效和用户交互)
- 网页游戏开发
- 服务器开发
- 桌面程序开发
- 手机 app 开发
1.3 JS 、HTML 和 CSS 的关系
- HTML :网页的结构(骨)
- CSS:网页的表现(皮)
- JS :网页的行为(魂)
1、什么是HTML(超文本标记语言 Hyper Text Markup Language),HTML 是用来描述网页的一种语言。
2、CSS(层叠样式表 Cascading Style Sheets),样式定义如何显示 HTML 元素,语法为:selector {property:value} (选择符 {属性:值})
3、JavaScript是一种脚本语言,其源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行
对于一个网页,HTML定义网页的结构,CSS描述网页的样子,JavaScript设置一个很经典的例子是说HTML就像 一个人的骨骼、器官,而CSS就是人的皮肤,有了这两样也就构成了一个植物人了,加上javascript这个植物人就可以对外界刺激做出反应,可以思 考、运动、可以给自己整容化妆(改变CSS)等等,成为一个活生生的人。
1.4 JS运行过程
- 编写的代码是保存在文件中的,存储在硬盘上
- 双击. html 文件浏览器(应用程序)就会读取文件,把文件内容加载到内存中(数据流向:硬盘—> 内存)
- 浏览器会解析用户编写的代码,把代码翻译成二进制的 ,让计算机识别的指令(解释器的工作)
- 得到的二进制指令会被 CPU 加载并执行(数据流向: 内存 ----> CPU)
1. 渲染引擎 :解析 html +CSS ,俗称 内核
2. JS 引擎: JS解释器,典型的就是 Chrome中内置的V8
2. JavaScript的组成
- ECMAScript(ES):JavaScript语法 ES规定了js的语法,es有很多版本,我们说的是ES5
- DOM:网页文档对象模型,对页面中的元素进行操作 用户交互,会动态的操作页面元素
- BOM:浏览器对象模型,对浏览器窗口进行操作 。操作浏览器中的部分(如 url ,刷新按钮,前进,回退)
3.基于JavaScript 实例
3.1 用 JavaScript 输出文本
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一个运行实例(runoob.com)</title>
</head>
<body>
<h1>爱你 芜湖</h1>
<p>爱你 芜湖</p>
</body>
</html>
3.2 用 JavaScript 改变HTML元素
<!DOCTYPE html>
<html>
<head>
<meta charset="