JavaScript source code如何使用
时间: 2023-10-11 09:09:39 浏览: 52
要使用 JavaScript source code,需要在 HTML 页面中使用 `<script>` 标签将 JavaScript 代码嵌入到 HTML 页面中。下面是一个简单的例子:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript source code 使用示例</title>
</head>
<body>
<h1>JavaScript source code 使用示例</h1>
<p>点击按钮弹出提示框:</p>
<button onclick="alert('Hello, JavaScript!')">点击这里</button>
<script>
// JavaScript source code
console.log('这是一条日志信息。');
</script>
</body>
</html>
```
在上面的例子中,我们定义了一个按钮,当用户点击该按钮时,会弹出一个提示框。我们还在页面中嵌入了一段 JavaScript 代码,使用 `console.log()` 方法输出了一条日志信息。当页面加载时,浏览器会自动执行这段 JavaScript 代码。
通常情况下,我们会将 JavaScript 代码保存到一个单独的 `.js` 文件中,然后在 HTML 页面中使用 `<script>` 标签引入该文件。例如:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>引入 JavaScript 文件示例</title>
<script src="script.js"></script>
</head>
<body>
<h1>引入 JavaScript 文件示例</h1>
<p>点击按钮弹出提示框:</p>
<button onclick="showAlert()">点击这里</button>
</body>
</html>
```
在上面的例子中,我们在 HTML 页面的头部使用 `<script>` 标签引入了一个名为 `script.js` 的 JavaScript 文件。在该文件中,我们定义了一个 `showAlert()` 函数,当用户点击按钮时,会调用该函数弹出提示框。通过将 JavaScript 代码保存到单独的文件中,可以使代码更加清晰、易于维护。