HTML5与JavaScript基础学习笔记.pdfVIP

一.初步引入

Web前端三大技术

HtmlCssJavaScript

Html结构层骨架

Css表现层外在表现色彩样式

JavaScript行为层行为能干什么功能

1.JS三大特点:

简单易用

解释执行（解释语言）不需要编译

基于对象好了很对对象拿来直接用

设计原理

结构、样式、行为分离！

WebStorm安装

下一步安装即可码点击或码输入即可

把汉化包里面zh_CN文件夹和resources_cn.jar到webstorm安装路径下的lib文件下覆

盖即可重启软件

WebStorm字体修改

文件设置编辑器颜色和字体—Font—另存为(名字随便取),修改字体样式行间距

确定即可

2.三个输出语句

(1)弹出窗口

alert(弹出窗口);//弹出一个窗口

一。初步引入

Web前端前端html

CSSJavaScript

html结构层结构层

CSS表现层表现层

JavaScript行为层行为层能干什么

1.JS三大特点：

简单易用

解释执行（解释语言）不需要编译不需要编

译拿来直接用

设计原理

结构、样式、行为‑‑‑‑分离！

WebStorm安装

__

下一步安装即可下一步安装即可ZHCN文件夹和资源Cn.jar到webstormliblib

lib文件下覆文件下覆盖即可盖即可重启软件重启软件重启软件重启软件

WebStorm字体修改

文件‑‑‑设置‑‑‑编辑器‑‑‑颜色和字体–font‑font‑另存为另存为另存为另存为另存为另存为另

存为另存为设置另存为另存为另存为另存为另存为

2。三个输出语句

（1）弹出窗口

警报（“弹出窗口”）;//弹出一个窗口

(2)打印到页面

document.write(我是文档打印);

(3),输出到控制台

console.log(我是控制台);

3.代码注释

1.单行注释//

2.多行注释跟CSS一样/*开头*结尾

快捷键:

快速注释一行ctrl+/

快速注释多行ctrl+shift+/

注释的作用:起解释说明,不参与运行

一般实际开发推荐多使用注释为了方便代码