一、JS 简介
1.1 JS 是什么
1、含义
是一种客户端(浏览器)的编程语言,实现人机交互效果。
2、作用:
- 网页特效(监听用户的一些行为让网页做出对应的反馈)
- 表单验证(针对表单数据的合法性进行判断)
- 数据交互(获取后台的数据,渲染到前端)
- 服务端编程(node.js)
3、组成:
- ECMAScript:规定了js基础语法核心知识,比如:变量、分支语句、循环语句、对象等等
- Web APIs:
DOM:操作文档,比如对页面元素进行移动、大小、添加删除等操作
BOM:操作浏览器,比如页面弹窗、检测窗口宽度、存储数据到浏览器等
4、JS权威网站推荐(MDN)
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
1.2 JS 书写位置
1、内部:
直接写在html文件里,用script标签包住。
规范:写在</body>的上面,如:
<body>
<!-- 内部js -->
<script>
alert('你好!')
</script>
</body>
注意事项:
将<script>放在HTML文件的底部附近的原因是浏览器会按照代码在文件中的顺序加载HTML。如果先加载的JS期望修改其下方的HTML,那么它可能由于HTML尚未被加载而失效。
2、外部:
代码写在以 .js 结尾的文件里
语法:通过script标签,引入到HTML页面中,如:
<body>
<!-- 通过src引入外部js文件 -->
<script src="my.js"></script>
</body>
注意事项:
- script标签中间无需代码,否则会被忽略。
- 外部JS会会使代码更加有序,更易于复用,且没有了脚本的混合,HTML也会更加易读。
3、内联:
代码写在标签内部
语法:(了解即可,后面学VUE框架会用到)
<body>
<button onclick="alert('逗你玩~')">点击我月薪过万</button>
</body>
1.3注释
单行注释:
符号://
作用://右边的一行代码会被忽略
快捷键:ctrl+/
块注释(多行注释)
符号:/**/
作用:在/*和*/之间的所有代码会被忽略