JS学习笔记(一)
目前已学完JS基础语法部分,正在学习APIS部分,关于基础语法部分的笔记我会逐渐完善补充。
因为要赶学习进度,这周暂且只总结第一章内容。
第一章 JavaScript简介
1.1、JavaScript的组成
JavaScript主要由ECMAScript、DOM和BOM三部分组成。
ECMAScript:
规定了js的基础语法核心知识。
Web APIS:
DOM:文档对象模型。可操作文档,比如对页面元素进行移动、大小、添加删除等操作。
BOM:浏览器对象模型。可操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等。
1.2、JavaScript的特点
解释型语言
JavaScript是一门解释型语言,所谓解释型语言是指不需要被编译为机器码再执行,而是直接执行。
动态语言
JavaScript是一门动态语言,所谓的动态语言可以暂时理解为在语言中的一切内容都是不确定的。比如一个变量,这一刻是个整型,下一时刻可能会变成字符串了。
1.3、JavaScript的使用
目前用的最多的是内部JS和外部JS。
1.3.1、内部JS(标签引用)
直接写在html文件的</body>上面,用<script></script>标签包住。
1.3.2、外部JS(文件引用)
代码写在以.js结尾的文件里,通过带有src属性的script标签引入到html页面中。
注意:外部js标签中间不要写代码,否则会被忽略。
main.html
01-外部JS练习.js
1.4、JavaScript的注释
单行注释
符号://
快捷键:ctrl + /
多行注释
符号:/* */
快捷键:shift + alt + A
1.5、JavaScript的结束符
结束符: 英文分号 ;
注意:结束符可以省略。但为了风格统一,结束符要么每句都写,要么每句都不写。
一切以团队要求来。
1.6、JavaScript的输入输出
1.6.1、文档页面输出(document.write())
作用:向body内输出内容
注意:如果输出的内容写的是标签,也会被解析成网页元素
1.6.2、控制台输出(console.log())
作用:控制台输出语法,程序员调试调用
1.6.3、弹出窗口输出(alert())
作用:页面弹出警告对话框
1.6.4、通过对话框输入(prompt())
作用:显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字
1.7、字面量
在计算机科学中,字面量(literal)是在计算机中描述 事 / 物
如: 1000 就是 数字字面量;'abcdef' 就是字符串字面量;[] 就是数组字面量;{} 就是对象字面量 等等
其实际上就是一些固定的值,比如:1、2、true、false、NaN,字面量都是不可以改变的,由于字面量不是很方便使用,所以在JavaScript中很少直接使用字面量,使用的而是变量。