HTML 与 JavaScript 结合 “点击按钮弹出提示” 的交互功能

1. HTML 部分：创建按钮

<input id="save" name="save" type="button" value="保存">

• <input> 是 HTML 中用于创建输入控件的标签。
• type="button" 表示这是一个普通按钮（不是提交表单、重置表单等特殊类型的按钮）。
• id="save"：给按钮设置唯一的标识 id，方便后续 JavaScript 通过 id 获取这个按钮元素。
• name="save"：设置按钮的名称（多用于表单提交时传递数据，这里主要是配合 id 标识元素，实际交互核心靠 id）。
• value="保存"：设置按钮上显示的文字，用户看到的按钮上会显示 “保存” 二字。

2. JavaScript 部分：给按钮绑定 “点击事件”

<script language="javascript">
var save_btn=document.getElementById("save");
save_btn.onclick=function(){
    alert("单击了保存按钮");
}
</script>

• <script language="javascript">：表示这段脚本是 JavaScript 代码。
• var save_btn=document.getElementById("save");：
  • document.getElementById("save") 是 JavaScript 中通过 id 获取页面元素的方法，这里会找到 HTML 中 id="save" 的那个按钮。
  • 把获取到的按钮元素赋值给变量 save_btn，方便后续操作这个按钮。
• save_btn.onclick=function(){...}：
  • onclick 是点击事件，表示 “当元素被点击时，执行后面的操作”。
  • 这里给 save_btn（也就是 “保存” 按钮）的 onclick 事件绑定了一个匿名函数（没有名字的函数）。
• alert("单击了保存按钮");：
  • alert() 是 JavaScript 中用于弹出提示框的方法。
  • 当按钮被点击时，就会弹出一个提示框，显示 “单击了保存按钮”。