JavaScript到底可以做什么呢？
1.事件可以用于处理表单验证，用户输入，用户行为及浏览器动作:页面加载时触发事件；页面关闭时触发事件；用户点击按钮执行动作；验证用户输入内容的合法性…
2.同时呢，我们也可以使用多种方法来执行 JavaScript 事件代码：HTML 事件属性可以直接执行 JavaScript 代码；HTML 事件属性可以调用 JavaScript 函数；可以为 HTML 元素指定自己的事件处理程序；可以阻止事件的发生…
因此呢，我们可以总结一下
JavaScript 能够改变页面中的所有 HTML 元素
JavaScript 能够改变页面中的所有 HTML 属性
JavaScript 能够改变页面中的所有 CSS 样式
JavaScript 能够对页面中的所有事件做出反应
从而我们可以通过一下三种方式对HTML元素进行定位
通过 id、标签名、类名找到 HTML 元素
（1）id
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通过id找到HTML元素</title>
</head>
<body>
<p id="qq">你好世界!</p>
<p>该实例展示了 <b>getElementById</b> 方法!</p>
<script>
x=document.getElementById("intro");
document.write("<p>文本来自 id 为 qq段落: " + x.innerHTML + "</p>");
</script>
</body>
</html>
（2）标签名
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>使用标签名找到HTML元素</title>
</head>
<body>
<p>你好世界!</p>
<div id="main">
<p>JS HTML DOM</p>
<p>
该实例展示了 <b>getElementsByTagName</b>方法
</p>
</div>
<script>
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");
document.write('id="main"元素中的第一个段落为：' + y[0].innerHTML);
</script>
</body>
</html>
（3）类名
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通过ClassName找到HTML元素</title>
</head>
<body>
<p class="qq">你好世界!</p>
<p>该实例展示了 <b>getElementByClassName</b> 方法!</p>
<script>
x=document.getElementByClassName("intro");
document.write("<p>文本来自 ClassName 为 qq段落: " + x.innerHTML + "</p>");
</script>
</body>
</html>
好啦，以上就是JavaScript对HTML页面能够用进行的一些大概的操作啦