一、在HTML页面中引入JS文件
在HTML页面中引入JS文件是使用JS的最基本方法。可以通过以下步骤实现:
1. 创建一个.js文件,编写JS代码。创建一个名为“test.js”的文件,并编写以下代码:
alert(“Hello World!”);
2. 在HTML页面中引入该JS文件。
在HTML页面中,可以使用以下代码引入JS文件:
其中,src属性指定JS文件的路径。在这个例子中,JS文件位于HTML文件的同一目录下,因此只需指定文件名即可。
二、在HTML页面中直接编写JS代码
除了引入JS文件外,还可以直接在HTML页面中编写JS代码。可以通过以下步骤实现:
1. 在HTML页面中添加一个标签。在HTML页面中添加以下代码:
alert(“Hello World!”);
2. 在标签中编写JS代码。
在这个例子中,大家编写了一个alert()函数,它将显示一个弹出窗口,其中包含“Hello World!”的文本。
三、在HTML页面中使用内联事件处理程序
内联事件处理程序是一种用于在HTML标签中编写JS代码的方法。可以通过以下步骤实现:
1. 在HTML标签中添加一个事件处理程序。在HTML页面中添加以下代码:
“`click>
2. 在事件处理程序中编写JS代码。
click事件处理程序,它将在单击按钮时调用alert()函数。
本文介绍了三种使用JS在HTML页面中运行代码的方法:引入JS文件、直接编写JS代码和使用内联事件处理程序。无论使用哪种方法,都可以为页面增加动态效果和交互性。