1、JavaScript 是什么?
是一种运行在客户端(浏览器),实现人机交互效果。
2、作用
- 网页特效 (监听用户的一些行为让网页作出对应的反馈)
- 表单验证 (针对表单数据的合法性进行判断)
- 数据交互 (获取后台的数据, 渲染到前端)
- 服务端编程 (node.js)
JavaScript的组成
ECMAScript:
-
规定了js基础语法核心知识。 -
比如:变量、分支语句、循环语句、对象等等
Web APIs :
-
DOM 操作文档,比如对页面元素进行移动、大小、添加删除等操作 -
BOM 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等 -
权威网站: MDN(可查询Js指南)
JavaScript 书写位置
1、内部样式
直接写在html文件里,用script标签包住
规范:script标签写在上面
例如:
<body>
<script>
alert(‘你好,js’) 页面弹出警告对话框
</script>
</body>
2、外部 JavaScript
代码写在以.js结尾的文件里
语法:通过script标签,引入到html页面中。
例如:
<body>
//通过src引入外部Js文件
<script src="dmw.js"></script>
</body>
3、内联 JavaScript
代码写在标签内部
语法:
<body>
<button onclick="alert("逗你玩~~~')">点击我</button>
</body>
注意: 此处作为了解即可,但是后面vue框架会用这种模式
JavaScript 注释
1、单行注释
符号://
作用://右边这一行的代码会被忽略
快捷键:ctrl + /
2、块注释
符号:/* */
作用:在/* 和 */ 之间的所有内容都会被忽略
快捷键:shift + alt + A
JavaScript 结束符
结束符
- 代表语句结束
- 英文分号 ;
- 可写可不写(现在不写结束符的程序员越来越多)
- 换行符(回车)会被识别成结束符 ,所以一个完整的语句,不要手动换行
- 因此在实际开发中有许多人主张书写 JavaScript 代码时省略结束符
- 但为了风格统一,要写结束符就每句都写,要么每句都不写(按照团队要求.)
<body>
<script>
alert(1);
alert(2);
</script>
</body>
<body>
<script>
alert(1)
alert(2)
</script>
</body>
输入和输出语法
输出和输入也可理解为人和计算机的交互,用户通过键盘、鼠标等向计算机输入信息,计算机处理后再展示结果给用户 ,这便是一次输入和输出的过程。
1、输出语法
document.write('输出的内容')
向body内输出内容
如果输出的内容写的是标签,也会被解析成网页元素
alert('要输出的内容')
页面弹出警告对话框
console.log('控制打印台')
控制台输出语法,程序员调试使用
JavaScript 输入输出语法
输出和输入也可理解为人和计算机的交互,用户通过键盘、鼠标等向计算机输入信息,计算机处理后再展示结果给用户 ,这便是一次输入和输出的过程。
输入语法:
prompt('请输入')
显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字
字面量
在计算机科学中,字面量(literal)是在计算机中描述 事/物
比如:
我们工资是: 1000 此时 1000 就是 数字字面
'刘亦菲' 字符串字面量
还有接下来我们学的 [] 数组字面量 {} 对象字面量 等等