一、引入外部的JavaScript文件
要将JavaScript代码应用到网页中，可以通过将JavaScript代码写在外部文件中，然后在网页中引入该外部文件的方式来实现。具体步骤如下：
1. 创建一个.js文件，比如命名为script.js。
2. 在script.js文件中编写JavaScript代码。例如，编写一个简单的函数，实现在网页上点击按钮时弹出提示框的功能。
```
function showMessage() {
alert("Hello, World!");
}
```
3. 在你的HTML文件中，使用script标签将外部的JavaScript文件引入。
```html

```
这样，就可以将script.js文件中的JavaScript代码应用到网页中了。

二、在HTML文件中嵌入JavaScript代码
除了将JavaScript代码写在外部文件中并引入，还可以直接在HTML文件中嵌入JavaScript代码。具体步骤如下：
1. 在HTML文件中找到合适的位置，比如在head标签内或body标签内。
2. 在script标签中编写JavaScript代码。同样以一个简单的函数为例：
```html

```
这样，就可以直接在HTML文件中嵌入JavaScript代码并应用到网页中了。

三、使用事件绑定将JavaScript代码与HTML元素关联起来
在网页中，可以使用事件绑定的方式将JavaScript代码与HTML元素关联起来，实现交互效果。具体步骤如下：
1. 在HTML文件中找到需要添加交互效果的HTML元素，比如按钮。
2. 为该HTML元素添加一个唯一的id属性，用于在JavaScript代码中定位该元素。
```html

```
3. 在JavaScript代码中添加事件绑定，将JavaScript代码与HTML元素进行关联。以点击按钮时弹出提示框为例：
```html

```
通过以上步骤，就可以通过点击按钮来触发JavaScript代码，实现交互效果。

总结：
通过引入外部的JavaScript文件、在HTML文件中嵌入JavaScript代码，以及使用事件绑定将JavaScript代码与HTML元素关联起来，可以将JavaScript代码应用到网页中。这些方法可以根据具体需求选择使用，并且可以结合使用，实现更复杂的功能和交互效果。