开始之前

如果你从来没有接触过JS。去下面这个网站 5 分钟感受一下：

https://www.javascript.com/

入门案例

基于浏览器

JS 通常是和 HTML，CSS 结合使用的。

编写 hellojs.html

使用记事本新建一个 hellojs.html，内容如下：

<!DOCTYPE html>
<html>
<body>
<script>
alert("hello js");
</script>
</body>
</html>

效果查看

使用浏览器直接打开此文件。

应该可以看到浏览器直接弹框，内容是 “hello js”。

基于 Node.js

对于 js 的语法讲解，和 html 放在一起讲解，总觉得比较别扭。

就是用 Node.js 进行代码演示。

Node.js 安装 & 使用

自行百度。

或者参考：

Node.js

编写 js-01-hello.js

任意编辑器编写，内容如下：

console.log("hello js");

运行

$ node js-01-hello.js
hello js

目录导航

JS 入门教程-01-js入门案例相关推荐

Python零基础入门教程（快速入门）
前言学无止境,无止境学. 今天要给大家分享的是<Python零基础入门教程01 快速入门>,这是一个系列的教程,从零基础到项目实战.在本教程中,我会给大家介绍Python入门的一些基础知 ...
php插入js教程,JavaScript_JavaScript入门教程(2) JS基础知识，在什么地方插入 JavaScript　　Ja - phpStudy...
JavaScript入门教程(2) JS基础知识在什么地方插入 JavaScript JavaScript 可以出现在 HTML 的任意地方.使用标记,你可以在 HTML 文档的任意地方插入 Jav ...
React 全家桶入门教程 01
React 全家桶入门教程 01 前面是基础课程(难度小,略过),后面是案例目的巩固react基础知识,查漏补缺(熟悉的部分快进) 学习相关的库的使用 https://study.163.com/ ...
Flowable 快速入门教程：Flowable 入门开发案例，结合流程设计器详细讲解
Flowable 快速入门教程:Flowable 入门开发案例,结合流程设计器详细讲解前言流程设计器集成整体流程图流程节点说明第一审核人节点:实际设置审核人配置信息说明第二审核人:参数 ...
VAPS XT开发入门教程01：软件安装包
本文首发于:VAPS XT开发入门教程01:软件安装包上一篇:VAPS XT开发入门教程00:基本介绍 VAPS XT软件包括三个部分: 主程序,按照版本不同大小也不同,大概在800M~2GB左右 ...
[入门教程](python numpy入门)
[入门教程](python numpy入门) NumPy NumPy是一个开源的Python科学计算基础库,包含 •一个强大的N维数组对象ndarray •广播功能函数 •整合C/C++/Fortra ...
微搭低代码入门教程01
2021年低代码成为一个技术热点,各个厂商纷纷发布了自己的低代码产品.腾讯云也适时的推出了自己的低代码产品,微搭.借助于腾讯的技术生态,微搭天然和小程序亲和,并且依托于云开发的技术底座,为大众提供稳定 ...
C#，入门教程(01)—— Visual Studio 2022 免费安装的详细图文与动画教程
通过本课程的学习,你可以掌握C#编程的重点,享受编程的乐趣. 在本课程之前,你无需具备任何C#的基础知识,只要能操作电脑即可. 不过,希望你的数学不是体育老师教的.好的程序是数理化的实现与模拟.没有较 ...
xcode 新建java项目_Objective-C入门教程01：使用Xcode新建一个工程
Xcode 是 Apple 的集成开发环境(就像开发Java使用Eclipse一样),用于 iOS 和 Mac OS X 的开发.Xcode可以直接在App Store中安装.在 Mac 上安装 Xc ...
python入门教程非常详细-Python编程入门教程：从入门到高级，非常详细
本文的资料和内容是我下载的,觉得非常有用,于是转过来大家瞧瞧: 这里给初学Python的朋友提供一些建议和指导吧.大神请无视, 俗话说:授人以鱼不如授人以渔.所以我这里只是阐述学习过程,并不会直接详细 ...

JS 入门教程-01-js入门案例

目录