Javascript 教程基础

最新推荐文章于 2024-09-22 11:17:00 发布

Sunstar_211

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量321

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/Sunstar_211/article/details/77547549

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JavaScript 教程

JavaScript 是 Web 的编程语言。
所有现代的 HTML 页面都使用 JavaScript。
JavaScript 非常容易学。
本教程将教你学习从初级到高级JavaScript知识。

JavaScript 在线实例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟</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 一起工作。

谁适合阅读本教程?

如果您想学习 JavaScript，您可以学习本教程：了解 JavaScript 是如何与 HTML 和 CSS 一起工作的。
如果在此之前您已经使用过 JavaScript，您也可以阅读本教程：JavaScript 一直在升级，所以我们需要时刻了解 JavaScript 的新技术。、

阅读本教程前，您需要了解的知识：

阅读本教程，您需要有以下基础：

HTML 和 CSS 基础

JavaScript 实例

基础 JavaScript 实例

学习 100 多个 JavaScript 实例！

用JavaScript输出文本

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟</title> 
</head>
<body>

<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<script>
document.write(Date());
</script>

</body>
</html>

用JavaScript改变HTML元素

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟</title> 
</head>
<body>

<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML="段落已修改。";
</script>

</body>
</html>

一个外部JavaScript

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟</title> 
</head>
<body>

<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">点击这里</button>
<p><b>注释：</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p>
<script src="myScript.js"></script>

</body>
</html>