JS学习笔记(一)

深渊向深渊呼唤

文章目录

学习笔记(一) 准备工作 初识JavaScript JS的组成 JS书写位置 JS注释 JS输入输出语句

2021.1.11

学习笔记(一)

准备工作

今天开始学习Javascript,开始之前先学习开发工具VS Code的几个快捷键和安装一些常用插件以及一些VS Code生成的骨架标签的含义。
快捷键

!+回车/Tab
自动生成页面骨架结构 Ctrl++/-
放大/缩小视图 Alt+B
在浏览器中打开 Ctrl+/
注释
常用插件 Chinese(Simplified)Language Pack for VS Code Open in Browser Auto Rename Tag//自动重命名配对的HTML/XML标签 CSS Peek//追踪至样式

VS Code工具生成骨架标签新增代码

    <!DOCTYPE>标签
    文档类型声明标签,作用是告诉浏览器是使用哪种Html版本来显示网页 lang语言
    用来定义当前文档显示的语言。 en定义为英语//定义为en就是英文网页 zh-CN定义语言为中文//定义为zh-CN就是中文网页
    但其实对文档显示来说,定义成en/zh-CN的文档也可以显示成中文/英文 charset字符集 字符集是多个字符的集合。以便计算机能够识别和存储各种文字。 在<head>标签内,可以通过<meta>的charset属性来规定HTML文档应该使用哪种字符编码。 其中,UTF-8也被称为万国码,基本包含了全世界所有国家要用到的字符。 <meta charset=“UTF-8”>这句话一定要写否则可能会出现乱码现象。

初识JavaScript

JS的组成

ECMAScript //JavaScript语法 DOM //页面文档对象模型 BOM //浏览器对象模型

JS书写位置

行内 HTML推荐使用双引号,JS推荐使用单引号 仅在特殊情况下使用 内嵌 可以将多行JS代码写到<script>标签中 内嵌JS是学习时常用的方式 外部 既美观又方便 适合于JS代码量较大的时候

JS注释

单行注释

// 快捷键Ctrl+/

多行注释

/*
*/ 快捷键Shift+Alt+A–>已修改成ctrl+shift+a

note:vscode中修改多行注释的快捷键点击左下角管理中键盘快捷方
式,输入原来的快捷键,找到后修改即可

JS输入输出语句

alert()
浏览器弹出警示框 prompt()
浏览器弹出输入框,用户可以输入 console.log()
浏览器控制台打印输出信息
栏目