在JSP（JavaServer Pages）的开发过程中，JavaScript（JS）经常被用来增强页面的交互性。但是，你是否遇到过这样的情况：在JSP页面中，JavaScript代码的执行顺序不符合预期，导致页面行为异常？今天，我就来给大家详细讲解一下JSP中JS执行顺序的问题，并通过实例教程让大家从入门到精通。
一、JSP中JS执行顺序概述
在JSP页面中，JavaScript代码的执行顺序主要分为以下三个阶段：
1. 页面加载阶段：在这个阶段，浏览器会先加载HTML文档，然后按照HTML代码的顺序执行其中的JavaScript代码。
2. 页面解析阶段：在这个阶段，浏览器会解析HTML文档，并构建DOM树。此时，DOM树中的元素会被添加到页面中，JavaScript代码会继续执行。
3. 页面渲染阶段：在这个阶段，浏览器会根据DOM树和CSS样式，将页面渲染出来。此时，JavaScript代码仍然可以执行。
二、实例教程
接下来，我们通过一个实例来演示JSP中JS执行顺序的问题，并讲解如何解决这个问题。
场景：我们有一个简单的JSP页面，其中包含一个按钮和一个文本框。点击按钮后，文本框中的内容会发生变化。
HTML代码：
```html