【目录】
一、什么是JavaScript
二、如何学习JavaScript
三、JavaScript 的三种书写位置
一、什么是JavaScript
1、简介
JavaScript 和 Java 一点关系也没有,有也只是JavaScript 蹭 Java的热度罢了……
因此ECMAScript和JavaScript的关系是,前者是后者的规格,后者是前者的一种实现。
# js 版本
主要还是用的5.1和6.0
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言,可写前端和后端。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
2、注释
# js的注释
"""
// 单行注释
/*
多行注释1
多行注释2
多行注释3
*/
二、如何学习JavaScript
【基础语法】
-
变量
-
数据类型
-
流程控制
-
函数
-
对象
-
内置方法/模块
三、JavaScript 的三种书写位置
1、行间式
JS代码写在标签的事件全局属性当中,使用JS 编程语法
<!-- 关键代码 -->
<!-- 给div标签添加点击事件的交互逻辑:弹出文本提示框 -->
<div onclick="alert('点击我完成页面交互')">点我</div>
2、内联式 —— 直接写在 <script></script> 标签中
<!-- 关键代码 -->
<!-- 页面被加载打开时,就会触发事件的交互逻辑:弹出文本提示框 -->
<body>
<!-- body标签中的所有子标签位置 -->
<!-- script标签出现在body标签的最下方 -->
<script>
alert('该页面被加载!')
</script>
</body>
3、外联式 —— 使用 <script src=""></script> 中的 src="" 引入外部JS文件
js 文件夹下的my.js 文件 —— 可被多处引用
根目录下的 first.html
<!-- 关键代码 -->
<!-- 页面被加载打开时,就会触发事件的交互逻辑:弹出文本提示框 -->
<body>
<!-- body标签中的所有子标签位置 -->
<!-- script标签出现在body标签的最下方 -->
<script src="js/my.js">
/* 不要在此写JS代码,原因是用来引入外部js文件的script标签,标签内部书写的JS代码不在起作用 */
</script>
</body>
PS:
也可以使用浏览器“检查”功能,在console 界面编辑代码