🌱 JavaScript 基本使用
🔗 相关链接:
- 🇨🇳 参考文档:JavaScript | MDN (mozilla.org) (opens new window)
- 🚶♀️ JavaScript 基础入门:JavaScript 基础 - 学习 Web 开发 | MDN (mozilla.org) (opens new window)
- 💾 JavaScript 参考资料:JavaScript 参考 - JavaScript | MDN (mozilla.org) (opens new window)
JavaScript 是一门完备的 动态编程语言 (opens new window)。当应用于 HTML 文档时,可为网站提供动态交互特性。应用场合极其广泛,简单到幻灯片、照片库、浮动布局和响应按钮点击,复杂到游戏、2D/3D 动画、大型数据库驱动程序等等。
JavaScript 相当简洁,却非常灵活。开发者们基于 JavaScript 核心编写了大量实用工具,可以使 开发工作事半功倍。其中包括:
- 浏览器应用程序接口(API (opens new window))—— 浏览器内置的 API 提供了丰富的功能,比如:动态创建 HTML 和设置 CSS 样式、从用户的摄像头采集处理视频流、生成 3D 图像与音频样本等等。
- 第三方 API —— 让开发者可以在自己的站点中整合其它内容提供者提供的功能。
- 第三方框架和库 —— 用来快速构建网站和应用。
# JavaScript 用法
- 在 HTML 标签的指定属性中使用脚本:
<button onclick="alert('hello');">我是按钮</button>
<a href="javascript:alert('aaa');">超链接</a>
1
2
2
script
标签中,可以位于 HTML 页面中的<body>
和<head>
部分中。
<script>
//编写js代码
</script>
1
2
3
2
3
老旧的实例可能会在
<script>
标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。
- 引入外部 js 文件
<script type="text/javascript" src="文件路径"></script>
1
# JavaScript 输出
⚠️ 警告框
alert
alert("example");
1写入到 HTML 页面的
body
标签中:document.write("example")
1输出到开发工具的控制台:
log + tab
快捷输入console.log("example");
1
# JavaScript 基本语法
# 分号的用法
声明函数不需要使用
;
分号function functionName(arg0,arg1,arg2){ //函数声明 }
1
2
3** 赋值语句需要使用
;
**var functionName = function(arg0,arg1,arg2){ //函数表达式 };(注意分号)
1
2
3JS 中每条语句以分号结尾。如果不写分号,浏览器会自动添加,但是会消耗一些系统资源, 而且有些时候,浏览器会加错分号,所以在开发中分号必须写。
JS 中会自动忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化。
🔗 相关阅读:JavaScript 语句后应该加分号么? - 尤雨溪的回答 - 知乎 (opens new window)
# 注释的方法
单行注释使用
//
多行注释使用
/* example */
1
2
3
# 区分大小写
JavaScript 对大小写是敏感的:例如,函数 getElementById
与 getElementbyID
是不同的。同样,变量 myVariable
与 MyVariable
也是不同的。
提示
JavaScript 常用的命名规则是驼峰法的命名规则。例如, lastName
。
# 保留关键字
* | * | * | * |
---|---|---|---|
abstract | else | instanceof | super |
boolean | enum | int | switch |
break | export | interface | synchronized |
byte | extends | let | this |
case | false | long | throw |
catch | final | native | throws |
char | finally | new | transient |
class | float | null | true |
const | for | package | try |
continue | function | private | typeof |
debugger | goto | protected | var |
default | if | public | void |
delete | implements | return | volatile |
do | import | short | while |
double | in | static | with |
编辑 (opens new window)
📢 上次更新: 2022/09/02, 10:18:16