目录
为什么要学习 JavaScript
????????作为web 开发人员必须学习的 3 门语言中的一门，JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JavaScript和Java有什么关系
????????两者之间可以说是毫无关系，JavaScript 与 Java 是两种完全不同的语言，无论在概念上还是设计上。Java（由 Sun 发明）是比JavaScript更复杂的编程语言。JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中（该浏览器已停止更新），并于 1997 年被 ECMA（欧洲电脑制造商协会）采纳。
JavaScript能做什么?
? ? ? 我们知道在web开发中html决定了网页的内容，css决定了网页的布局,而JavaScript控制了网页的行为。那主要都包含哪些行为呢？下面将为大家一一展示。
直接写入 HTML 输出流
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>写入 HTML 输出流</title>
<script>
function test() {
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
}
</script>
</head>
<body>
<h1>请点击下方写入 HTML 输出流</h1>
<button type="button" onclick="test()">写入 HTML 输出流</button>
</body>
</html>事件反应
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
</head>
<body>
<button type="button" onclick="alert('hello world!')">点我!</button>
</body>
</html>改变 HTML 图像
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("3055766435"))
{
element.src="https://t7.baidu.com/it/u=2168645659,3174029352&fm=193&f=GIF";
}
else
{
element.src="https://t7.baidu.com/it/u=1330338603,908538247&fm=193&f=GIF";
}
}
</script>
</head>
<body>
<img loading="lazy" id="myimage" onclick="changeImage()" src="https://t7.baidu.com/it/u=2531125946,3055766435&fm=193&f=GIF" width="100" height="180">
</body>
</html>验证输入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
<script>
function myFunction() {
var x = document.getElementById("demo").value;
if (x == "" || isNaN(x)) {
alert(x + "不是纯数字");
} else {
alert(x + "是纯数字");
}
}
</script>
</head>
<body>
<h1>判断输入的是否是纯数字</h1>
<p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>快速编写一个JavaScript程序
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hello</title>
<script>
function displayDate() {
// 获取id为demo的元素并替换其显示内容
document.getElementById("demo").innerHTML = "现在时间是:" + Date();
}
</script>
</head>
<body>
<h1>第一个 JavaScript 程序</h1>
<p id="demo">请点击下方"显示日期"按钮查看当前时间</p>
<button type="button" onclick="displayDate()">显示日期</button>
</body>
</html>
