JavaScript 教程


JavaScript 是 Web 的编程语言。

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

JavaScript 非常容易学。

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

JavaScript 在线实例

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

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</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>

运行实例 »

点击 "运行实例" 按钮查看在线实例

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

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

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

为什么学习 JavaScript?

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

  1. HTML 定义了网页的内容

  2. CSS 描述了网页的布局

  3. JavaScript 网页的行为

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


谁适合阅读本教程?

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

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

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

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


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

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

  • HTML 和 CSS 基础

如果您想学习这些基础知识,您可以在我们的首页找到相应的教程php中文网。


JavaScript 实例

学习 100 多个 JavaScript 实例!

在实例页面中,您可以点击 "尝试一下" 来查看 JavaScript 在线实例。

  • JavaScript 实例

  • JavaScript 对象实例

  • JavaScript 浏览器支持实例

  • JavaScript HTML DOM 实例


JavaScript 测验

在php中文网中测试您的 JavaScript 技能!


JavaScript 参考手册

在php中文网中,我们为您提供完整的 JavaScript 对象、浏览器对象、HTML DOM 对象参考手册。

以下手册包含了每个对象、属性、方法的实例。

  • JavaScript 内置对象

  • Browser 对象

  • HTML DOM 对象