分别使用JavaScript 脚本的3种引入方法编写程序,使得页面加载后提示框中显示“Hello World!”。
时间: 2024-09-26 22:05:33 浏览: 17
在JavaScript中,有三种常见的引入和执行脚本的方式:
1. **内部脚本(Inline Script)**: 直接在HTML文件中插入代码段,当页面加载完成后,该代码会被执行。
```html
<!DOCTYPE html>
<html>
<body>
<script>
window.onload = function() {
alert("Hello World!");
}
</script>
</body>
</html>
```
2. **外部脚本(External Script)**: 使用`<script>`标签链接外部的`.js`文件,在页面上标记`type="text/javascript"`。
```html
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
</body>
</html>
<!-- script.js 内容 -->
<script>
window.onload = function() {
alert("Hello World!");
}
</script>
```
在`script.js`中:
```javascript
window.onload = function() {
alert("Hello World!");
};
```
3. **异步脚本(Async Script)**: 如果你想让脚本在其他资源加载完成后并行下载,可以使用`async`属性。
```html
<!DOCTYPE html>
<html>
<head>
<script async src="script.js"></script>
</head>
<body>
</body>
</html>
<!-- script.js 同样包含 "window.onload..." -->
```
请注意,`async`脚本并不保证顺序执行,只是说它们尽可能地并行加载,因此`alert`可能不会像同步或内部脚本那样按预期工作。