目录
数据存储单位
-
位(bit):1bit可以保存一个0或者1(最小的存储单位)
-
字节(Byte):1B=8b
-
千字节(KB):1KB=1024B
-
兆字节(MB):1MB=1024KB
-
吉字节(GB):1GB=1024MB
-
太字节(TB):1TB=1024GB
JS初体验
JavaScript是什么
-
JavaScript是一种运行在客户端的脚本语言(script是脚本的意思)
-
脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行
-
现在也可基于node.js技术进行服务器端编程
JavaScript的作用
-
表单动态检验(密码强度检测) JS产生最初的目的
-
网页特效
-
服务端开发(Node.js)
-
桌面程序(electron)
-
APP(Cordova)
-
控制硬件-物联网(ruff)
-
游戏开发(cocos2d-js)
浏览器执行JS简介
浏览器分为两部分 渲染引擎 和 JS引擎
- 渲染引擎:用来解析HTML和CSS,俗称内核,比如chrome浏览器的blink,老版本的webkit
- JS引擎:也称为JS解释器。用来读取网页中的JavaScript代码,对其处理后运行,比如chrome浏览器的V8
浏览器本身并不会执行JS代码,而是通过内置JavaScript引擎(解释器)来执行JS代码。
JS引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以JavaScript语言归为脚本语言,会逐行解释执行。
JS的组成
JavaScript组成:ECMAScript(JavaScript语法)
DOM(页面文档对象模型)
BOM(浏览器对象模型)
ECMAScript
ECMAScript:ECMAScript规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。
DOM---文档对象模型
文档对象模型(Document Object Model)是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的接口可以对页面上的各种元素进行操作(大小,位置,颜色等)。
BOM---浏览器对象模型
BOM(Browser Object Model)是指浏览器对象模型,它提供了独立于内容的,可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口,比如弹出框,控制浏览器跳转,获取分辨率等。
JS书写位置
行内式 JS
<body>
<!-- 1.行内式的JS 直接写到元素的内部 onclick 点击 alert 弹出框-->
<input type="button" value="唐伯虎" onclick="alert('秋香')">
</body>
- 可以将单行或少量 JS 代码写在HTML标签的事件属性中(以 on 开头的属性),如:onclick
- 注意单双引号的使用:在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号
- 可读性差, 在html中编写JS大量代码时,不方便阅读;
- 引号易错,引号多层嵌套匹配时,非常容易弄混;
- 特殊情况下使用
内嵌 JS
<!-- 2.内嵌式的js -->
<script>
alert('沙漠骆驼');
</script>
- 可以将多行JS代码写到 <script> 标签中
- 内嵌 JS 是学习时常用的方式
外部 JS文件
<!-- 3.外部js写法 script是双标签 -->
<script src=".vscode/my.js"></script>
- 利于HTML页面代码结构化,把大段 JS代码独立到 HTML 页面之外,既美观,也方便文件级别的复用
- 引用外部 JS文件的 script 标签中间不可以写代码
- 适合于JS 代码量比较大的情况
JavaScript 输入输出语句
![](https://i-blog.csdnimg.cn/blog_migrate/bea939d8f1ba4d5ab9d4fc1ce9d54c2b.png)
prompt('请输入您的年龄');
alert('计算的结果是:');
console.log('我是程序员能看到的');
变量
变量的概述
变量是用于存放数据的容器。 我们通过 变量名 获取数据,甚至数据可以修改。
变量的使用
1.声明变量
// 1.声明了一个 age 变量
var age;
- var 是一个 JS关键字,用来声明变量( variable 变量的意思 )。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管
- age 是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间
2. 赋值
// 2.赋值 把值