深圳南山网站建设工作室个人作品主页wordpress
目录
一、JS是什么？
二、JS的作用？
三、JS的组成
四、JS的书写位置
1. 内部JS
2. 外部JS(外部导入)
3. 内联JS
4. 练习
五、JS的注释与结束符
1. 注释
2. 结束符
3. JS该不该加分号？
六、JS的输入和输出语法
1. 输出语法
a. 输出在页面中
b. 弹出警告对话框
c. 输出在控制台中
2. 输入语法
a. 显示一个对话框输入
3. 练习
七、JS代码的执行顺序
八、字面量
九、 总结
一、JS是什么？
JS（JavaScript）是一种运行在客户端(浏览器)的编程语言，实现人机交互效果。Html和Css是标记语言而不是编程语言。
二、JS的作用？
- 网页特效(监听用户的一些行为让网页作出对应的反馈)
- 表单验证(针对表单数据的合法性进行判断)【JS表单验证是优化项目性能的好方法】
- 数据交互(获取后台的数据，渲染到前端)
- 使用Node.js做后端开发
三、JS的组成
- 如果是分为两部分就分为：ECMAScript、Web APIs
- 如果是分为三部分就把Web APIs再拆分一下，拆为DOM和BOM，三部分为ECMAScript、DOM、BOM。
四、JS的书写位置
1. 内部JS
内部JS就是将<script>标签写在<body>最下面，也就是放在</body>上，
2. 外部JS(外部导入)
- 位置不变，仍在<body>的最下面，但是要通过<script src="xxx">来导入。
- 注意使用这种写法<script>标签的中间就不要写内容了，写了也不执行。
3. 内联JS
也就是在标签内部写JS代码。
4. 练习
<body><--内部JS--><script>alert("aaaaa");</script><--外部JS--><script src="./JSdemo1.js"></script> </body>
五、JS的注释与结束符
1. 注释
JS的注释和其他编程语言一样，//是单行注释，/**/是多行注释。
2.结束符
以 ; 为结束符，但是可写可不写。
3. JS该不该加分号？
- 按你所在的开发团队的规定来。
- 不要一味的认为“语句的结尾当然应该加分号”，这是一个保守未经深入思考的草率结论。
六、JS的输入和输出语法
1. 输出语法
a. 输出在页面中
- document.write('要输出的内容')
- 单引号，双引号都行，但一定要把要输出的内容括起来。
- 如果输出的内容是标签，也会被解析成网页元素。
<body><script>document.write("demo2");document.write("<h1> demo2 </h1>");</script> </body>
b. 弹出警告对话框
- alter("要输出的内容")
- 单引号和双引号都行，但一定要把要输出的内容括起来。
- 不会解析标签。
<body><script>alert("demo2")alert('demo')</script> </body>
c. 输出在控制台中
- console.log("控制台打印")
- 开发时，打印日志给我们开发人员看的。
<body><script>console.log("demo2")console.log('demo2')</script> </body>
2. 输入语法
a. 显示一个对话框输入
- prompt("xxxx")
- 后面使用变量可以获取到用户输入的信息。
3. 练习
<body><script>alert('你好JS')document.write('JavaScript我来了！')console.log('它~会魔法吧~')</script> </body>
七、JS代码的执行顺序
- 按照从上往下的顺序执行JS代码
- alert()和prompt()弹出框会被优先执行
八、字面量
- 数字字面量 --- 100
- 字符串字面量 --- 'abc' \ "abc"
- 数组字面量 --- []
- 对象字面量 --- {}
九、 总结
------------------------END-------------------------
才疏学浅，谬误难免，欢迎各位批评指正。