系统的整理一下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("嘿靓仔,今天过得还好吗?");