“JavaScript 教程”的版本间差异

本页内容
下一节: JavaScript_简介
Neo讨论 | 贡献
 
(未显示同一用户的7个中间版本)
第4行: 第4行:
JavaScript 是 Web 的编程语言。
JavaScript 是 Web 的编程语言。


所有现代的 HTML 页面都可以使用 JavaScript。
所有现代的 HTML 页面都会使用 JavaScript。


JavaScript 非常容易学。
JavaScript 非常容易学。
第47行: 第47行:
== 为什么学习 JavaScript? ==
== 为什么学习 JavaScript? ==


JavaScript 是 web 开发人员必须学习的 3 门语言中的一门:
JavaScript 是 WEB前端 开发人员必须学习的 3 门语言中的一门:


# '''HTML''' 定义了网页的内容
# '''HTML''' 定义了网页的内容
第53行: 第53行:
# '''JavaScript''' 控制了网页的行为
# '''JavaScript''' 控制了网页的行为


本教程是关于 JavaScript 及介绍 JavaScript 如何与 HTML 和 CSS 一起工作。
本教程是关于 JavaScript 及介绍 JavaScript 如何与 HTML 和 CSS 一起运行。


== 谁适合阅读本教程? ==
== 谁适合阅读本教程? ==
第63行: 第63行:
2. 如果在此之前您已经使用过 JavaScript,您也可以阅读本教程:
2. 如果在此之前您已经使用过 JavaScript,您也可以阅读本教程:


JavaScript 一直在升级,所以我们需要时刻了解 JavaScript 的新技术。
JavaScript 一直在升级添加新的特性,所以我们需要时刻了解 JavaScript 的新技术。


== 阅读本教程前,您需要了解的知识: ==
== 阅读本教程前,您需要了解的知识: ==
第71行: 第71行:
* [[HTML 教程]]
* [[HTML 教程]]
* [[CSS 教程]]
* [[CSS 教程]]
== JavaScript 实例 ==
学习 100 多个 JavaScript 实例!
在实例页面中,您可以点击 "尝试一下" 来查看 JavaScript 在线实例。
* [[js examples|JavaScript 实例]]
* [[js ex objects|JavaScript 对象实例]]
* [[js ex browser|JavaScript 浏览器支持实例]]
* [[js ex dom|JavaScript HTML DOM 实例]]
== JavaScript 测验 ==
在小白教程中测试您的 JavaScript 技能!
[https://www.xiaobai.wang/quiz/javascript-quiz.html JavaScript 测验]
== JavaScript 参考手册 ==
在小白教程中,我们为您提供完整的 JavaScript 对象、浏览器对象、HTML DOM 对象参考手册。
以下手册包含了每个对象、属性、方法的实例。
* [[jsref tutorial|JavaScript 内置对象]]
* [[jsref tutorial|Browser 对象]]
* [[jsref tutorial|HTML DOM 对象]]
== HTML/CSS/JS 在线工具 ==
HTML/CSS/JS 在线工具可以在线编辑 HTML、CSS、JS 代码,并实时查看效果,你也可以将优质代码保存分享:https://c.xiaobai.wang/front-end/61

2022年9月7日 (三) 09:01的最新版本

JavaScript 教程

JavaScript 是 Web 的编程语言。

所有现代的 HTML 页面都会使用 JavaScript。

JavaScript 非常容易学。

本教程将教你学习从初级到高级 JavaScript 知识。

JavaScript 在线实例

本教程包含了大量的 JavaScript 实例, 您可以点击 "尝试一下" 来在线查看实例。

我的第一个 JavaScript 程序

示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(xiaobai.wang)</title>
<script>
function displayDate(){
    document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>

<h1>我的第一个 JavaScript 程序</h1>
<p id="demo">这是一个段落</p>

<button type="button" onclick="displayDate()">显示日期</button>

</body>
</html>

在每个页面您可以点击 "尝试一下" 在线查看实例!!!

尝试每个实例,并且在线修改代码,查看不同的运行效果!!!

如果能根据本站的实例一步一个脚印学习,你将会在很短的时间内学会 JavaScript。

为什么学习 JavaScript?

JavaScript 是 WEB前端 开发人员必须学习的 3 门语言中的一门:

  1. HTML 定义了网页的内容
  2. CSS 描述了网页的布局
  3. JavaScript 控制了网页的行为

本教程是关于 JavaScript 及介绍 JavaScript 如何与 HTML 和 CSS 一起运行。

谁适合阅读本教程?

1. 如果您想学习 JavaScript,您可以学习本教程:

了解 JavaScript 是如何与 HTML 和 CSS 一起工作的。

2. 如果在此之前您已经使用过 JavaScript,您也可以阅读本教程:

JavaScript 一直在升级添加新的特性,所以我们需要时刻了解 JavaScript 的新技术。

阅读本教程前,您需要了解的知识:

阅读本教程,您需要有以下基础:

下一节: JavaScript_简介
此页面最后编辑于2022年9月7日 (星期三) 09:01。