“JavaScript 教程”的版本间差异
本页内容
第71行: | 第71行: | ||
* [[HTML 教程]] | * [[HTML 教程]] | ||
* [[CSS 教程]] | * [[CSS 教程]] | ||
== HTML/CSS/JS 在线工具 == | == HTML/CSS/JS 在线工具 == | ||
HTML/CSS/JS 在线工具可以在线编辑 HTML、CSS、JS 代码,并实时查看效果,你也可以将优质代码保存分享:https://c.xiaobai.wang/front-end/61 | HTML/CSS/JS 在线工具可以在线编辑 HTML、CSS、JS 代码,并实时查看效果,你也可以将优质代码保存分享:https://c.xiaobai.wang/front-end/61 |
2022年8月19日 (五) 22:06的版本
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 门语言中的一门:
- HTML 定义了网页的内容
- CSS 描述了网页的布局
- JavaScript 控制了网页的行为
本教程是关于 JavaScript 及介绍 JavaScript 如何与 HTML 和 CSS 一起工作。
谁适合阅读本教程?
1. 如果您想学习 JavaScript,您可以学习本教程:
了解 JavaScript 是如何与 HTML 和 CSS 一起工作的。
2. 如果在此之前您已经使用过 JavaScript,您也可以阅读本教程:
JavaScript 一直在升级添加新的特性,所以我们需要时刻了解 JavaScript 的新技术。
阅读本教程前,您需要了解的知识:
阅读本教程,您需要有以下基础:
HTML/CSS/JS 在线工具
HTML/CSS/JS 在线工具可以在线编辑 HTML、CSS、JS 代码,并实时查看效果,你也可以将优质代码保存分享:https://c.xiaobai.wang/front-end/61