系统的整理一下JavaScript的知识吧。

先介绍一下JavaScript吧

网页的三部分分别是:

HTML:控制网页的结构

CSS:控制网页的 样式

JavaScript:控制网页的行为

看到这篇小破文的诸位应该都是HTML和CSS毕业了,结构和样式就不进行赘述了。
我们来具体说说这个行为具体代表了什么:
其实只使用HTML和CSS已经可以搭建出任何样式的界面了,无论是动态效果,还是交互样式都是可以不使用JavaScript完成的,但HTML、CSS的交互操作中几乎不支持数据的传输与逻辑运算,也就是说,只能决定用户看见了什么,展示出的内容也是固定的。
而为了根据用户的反馈提供各种各样的功能,JavaScript就出现了。

JavaScript最初仅仅是为了判断客户的表单校验而存在的(也就是在输入用户名的时候判断输入数据是否符合格式),害,这是我猜的。
而发展到了现在JavaScript几乎是啥都能干了(下面的例子看看就好):

- 异步与服务器交互(AJAX)
- 网页和特效(演示)
- 服务端开发(nodejs)
- 命令行工具开发(nodejs)
- 桌面程序(Electron)
- app开发(ReatNative)
- 控制硬件--物联网(Ruff)
- 游戏开发(cavans, cocos2d-js)

不同于HTML和css,JavaScript是一门编程语言,除了语法外,也有许多逻辑向的东西,因此要比HTML和css复杂一些,学习的时间也更长。

使用方式
1、使用外部联接
在路径下新建一个.js后缀的文档,在文档内直接书写JavaScript语句,使用script标签在页面内引入。

//导入标签最好放在body标签的最后部分(在HTML结构代码之后)
<script src="js文件路径"></script>

2、直接在页面内书写

//最好书写在body标签的最后部分(在HTML结构代码之后)
<script type="text/javascript">
            //在标签内写JavaScript语句
</script>

3、行内写法

在特定标签属性内可以直接书写JavaScript语句

<a href="#" onclick="点击后执行的js语句"> 点击按钮</a>

可以将暂时不需要执行的代码注释,就可以不执行该部分语句,依此保留注释或备用代码

//console.log('行注释 ');
/*块注释 */

下面试试使用JavaScript完成一些简单的网页输出吧

1、在页面上输出

document.write('hi~~~~~~~~~~');

2、控制台中的输出

打开浏览器,按F12键,即可召唤出控制台
JavaScript代码的调试大部分都在这里,选中Console分类

console.log('在控制台输出的信息');
console.error('在控制台输出标红的信息');//会在Console信息栏中呈红色显示

3、以弹出框的形式输出内容

alert(123);

4、 confirm 确认框

confirm("嘿靓仔,今天过得还好吗?");