102 lines
1.9 KiB
Markdown
102 lines
1.9 KiB
Markdown
|
---
|
|||
|
|
title: Where to
|
|||
|
|
localeTitle: 去哪儿
|
|||
|
|
---
|
|||
|
|
## 去哪儿
|
|||
|
|
|
|||
|
|
JavaScript是HTML和Web的编程语言。在HTML中，必须在`<script>`容器标记中插入JavaScript。
|
|||
|
|
|
|||
|
|
### 例
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
window.alert("This JavaScript Works!");
|
|||
|
|
</script>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
另外，请记住，您可以在HTML文档中放置任意数量的`<script>`标记。
|
|||
|
|
|
|||
|
|
### `<script>`标签在哪里？
|
|||
|
|
|
|||
|
|
`<script>`标记可以放在`<head>`或`<body>` 。
|
|||
|
|
|
|||
|
|
### `<head>` JavaScript
|
|||
|
|
|
|||
|
|
在此示例中，JavaScript放在文档的`<head>`部分中。创建一个**onClicked**函数，在按下按钮时调用该函数。
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<script>
|
|||
|
|
function onClicked() {
|
|||
|
|
window.alert("Hi, there!");
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<h1>JavaScript Testing</h1>
|
|||
|
|
<button type="button" onclick="onClicked()">Try it</button>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### `<body>` JavaScript
|
|||
|
|
|
|||
|
|
这里，JavaScript放在 。创建了**onClicked**函数，并将其设置为在单击按钮时触发。
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<h1>JavaScript Testing</h1>
|
|||
|
|
<button type="button" id="buttonClicked">Try it</button>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
document.getElementById("buttonClicked").onclick = onClicked;
|
|||
|
|
|
|||
|
|
function onClicked() {
|
|||
|
|
window.alert("Hi, there!");
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### 外部脚本
|
|||
|
|
|
|||
|
|
脚本也可以放在外部文件中。让我们创建一个文件**script.js** 。
|
|||
|
|
|
|||
|
|
##### 的script.js
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
window.alert("Hi!");
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
此脚本可以包含在HTML文档中，如下所示：
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<script src="script.js"></script>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
_嗨！_在呈现页面时仍会收到警报。请记住，您不需要在JavaScript文件（扩展名为**.js**的文件）中包含`<script>`标记。
|
|||
|
|
|
|||
|
|
#### 更多信息：
|
|||
|
|
|
|||
|
|
雅虎建议在底部放置脚本。这阐述了[这里](https://developer.yahoo.com/performance/rules.html#js_bottom) ，与这一建议的原因。
|