JavaScript代码:是怎么存放的
时间: 2024-02-20 14:59:22 浏览: 179
JavaScript 代码可以存放在 HTML 页面的 `<script>` 标签中或者一个单独的 `.js` 文件中。下面是两种存放 JavaScript 代码的方式:
1. 在 HTML 页面中使用 `<script>` 标签
在 HTML 页面中使用 `<script>` 标签来存放 JavaScript 代码。可以将 JavaScript 代码直接写在 `<script>` 标签中,也可以通过 `src` 属性链接一个外部的 JavaScript 文件。
例如,以下代码将直接在 HTML 页面中嵌入 JavaScript 代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
</head>
<body>
<script>
function myFunction() {
alert("Hello World!");
}
</script>
<button onclick="myFunction()">Click me</button>
</body>
</html>
```
2. 在单独的 JavaScript 文件中
将 JavaScript 代码存放在一个单独的 `.js` 文件中,然后在 HTML 页面中使用 `<script>` 标签引用该文件。例如,以下代码将引用一个名为 `myScript.js` 的 JavaScript 文件:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<script src="myScript.js"></script>
</head>
<body>
<button onclick="myFunction()">Click me</button>
</body>
</html>
```
在 `myScript.js` 文件中,可以定义一个名为 `myFunction()` 的函数,该函数将在 HTML 页面中被调用。例如:
```javascript
function myFunction() {
alert("Hello World!");
}
```
阅读全文