关键词

在HTML中使用JavaScript的两种方法

HTML是网页的基础语言,而JavaScript则是HTML中最常用的一种脚本语言之一。在HTML中使用JavaScript有两种方法:内部JavaScript和外部JavaScript。

内部JavaScript

内部JavaScript是指将JavaScript代码直接嵌入到HTML文档中,用<script>标签将其包围起来。

例如,下面的代码展示了如何使用内部JavaScript来向用户显示一个简单的弹框:

<!DOCTYPE html>
<html>
  <head>
    <title>示例</title>
  </head>
  <body>
    <button onclick="alert('Hello, World!')">点击</button>
  </body>
</html>

以上代码演示了如何在HTML文件中使用内部JavaScript。它创建了一个包含一个按钮的简单HTML页面。当用户单击该按钮时,alert('Hello, World!')代码执行,并将字符串“Hello, World!”显示在一个弹框中。

外部JavaScript

外部JavaScript是指将JavaScript代码存储在一个独立的.js文件中,并使用<script>标签将其链接到HTML文件。

以下是一个外部JavaScript文件的示例。文件名为script.js

function greeting() {
  alert('Hello, World!');
}

然后在HTML中链接这个脚本文件:

<!DOCTYPE html>
<html>
  <head>
    <title>示例</title>
    <script src="script.js"></script>
  </head>
  <body>
    <button onclick="greeting()">点击</button>
  </body>
</html>

以上代码演示了如何在HTML文件中使用外部JavaScript。它创建了一个包含一个按钮的HTML页面,并链接了名为script.js的外部JavaScript文件。当用户单击该按钮时,greeting()函数执行,它在一个弹框中显示“Hello, World!”。

本文链接:http://task.lmcjl.com/news/9307.html

展开阅读全文