初识Java Script
1 Java Scrip
1.1 JS是什么？
- 是目前世界上最流行的语言之一，是一种运行在客户端的脚本语言
- 脚本语言：不需要编译，运行由js解释器进行逐行的解释并且执行
1.2 JS能做什么？
- 表单动态检验
- 网页特效
- 服务端开发 Node.js
- 桌面程序
- App
- 物联网
- 游戏开发
1.3 HTML/CSS/JS之间的区别
- HTML是骨架，决定了网页的结构和内容
- CSS是衣服，这个东西好不好看，呈现给用户是什么样子的
- JS是灵魂，实现了各种页面控制
1.4 浏览器执行JS
- 浏览器分为两部分渲染引擎和JS引擎
- 渲染引擎：用来解析HTML于CSS，俗称内核
- JS引擎：也称作JS解释器，用于读取网页的JS代码，对其进行处理
1.5 JS的组成
- ECMAScript：是ECMA协会进行标准化的一门编程语言，规定了编程的语法和基础的核心知识，是一套浏览器大厂一起遵守的一套js工业化标准
- DOM 文档对象模型 是对页面上的各种元素进行操作的（大小、位置、颜色等）
- BOM 浏览器对象模型 是对浏览器窗口进行操作的与浏览器进行互动（比如：弹出窗、浏览器的跳转、或许分辨率等等）
1.6 JS小实践
. 行内式的js 直接写在元素的内部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="button" value="唐伯虎" onclick="alert('秋香姐')">
</body>
</html>
- 内嵌式js 写在head内部（在学习中比较常用）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style></style>\
<script>
alert('沙漠骆驼')
</script>
</head>
<body>
</body>
</html>
- 外部js 在外部直接写（使用代码数量大的时候写，script>与</script之间不要写代码）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style></style>\
<script>
</script>
<script src="my.js"></script>
</head>
<body>
</body>
</html>
1.7 JS注释
- 单行注释 //
快捷键 ctrl+/ - 多行注释 /*（注释内容 ） */
快捷键 shift+alt+a
1.8 JS的输入与输出
- alert 浏览器弹出警示框
- console.log 浏览器控制台打印输出信息
- prompt 浏览器输入框 用户可以输入
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
