HTML，CSS，JavaScript
HTML定义网页的内容
CSS描述网页的布局
JavaScript控制网页的行为
JavaScript是脚本语言。
JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
基础代码实现
JavaScript：直接写入HTML输出流
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<script>
document.write("<h2>这是标题</h2>");
document.write("<p>这是段落。</p>");
</script>
</body>
</html>
实例（输出时间）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<h3> Web 页面输出时间</h3>
<script>
document.write(Date());
</script>
</body>
</html>
JavaScript：改变HTML内容
x=document.getElementById("demo"); //查找内容
x.innerHTML="Hello JavaScript"; //改变内容
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<h2>这里是标题</h2>
<p id="demo">这里是段落。</p>
<script>
document.getElementById("demo").innerHTML="段落已被修改。";
</script>
</body>
</html>
JavaScript：对事件的反应
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<button type="button" onclick="alert('登陆成功')">登录</button>
</body>
</html>
实例
Function()保存在名为 "js.js" 的外部文件中。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<p id="demo">登录失败</p>
<button type="button" onclick="Function()">重试</button>
<script src="js.js"></script>
</body>
</html>
点击重试后
本文转载自: https://blog.csdn.net/zhxzrd/article/details/124525568
版权归原作者 大菠萝学长 所有， 如有侵权，请联系我们删除。
版权归原作者 大菠萝学长 所有， 如有侵权，请联系我们删除。