分别使用JavaScript 脚本的3种引入方法编写程序,使得页面加载后提示框中显示“Hello World!”。(行内式,内嵌式,外链式)
时间: 2024-09-26 13:05:32 浏览: 34
使用 JavaScript 编写 iOS 应用程序!JavaScriptBridge 提供使用 JavaScript 编写 iOS 应用程序的方法 由 JavaScriptCore.frame.zip
当然可以,以下是使用JavaScript的不同引入方法在HTML页面上显示"Hello World!" 的示例:
1. **行内式 (Inline Script)**:
```html
<!DOCTYPE html>
<html>
<body>
<script>
window.onload = function() {
alert("Hello World!");
};
</script>
</body>
</html>
```
在这个例子中,JavaScript直接写在`<script>`标签内,当页面加载完成后会执行alert函数。
2. **内嵌式 (Embedded Script)**:
```html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript">
window.onload = function() {
alert("Hello World!");
};
</script>
</body>
</html>
```
这里将`<script>`标签放在`<head>`部分,同样实现了页面加载后的提示。
3. **外链式 (External Script)**:
```html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Page Title</h1>
<script src="script.js"></script>
</body>
</html>
```
在外部文件`script.js`中:
```javascript
document.addEventListener('DOMContentLoaded', function() {
alert("Hello World!");
});
```
将JavaScript代码保存在单独的文件中,并通过`<script>`标签引用。当DOM内容加载完成时,会触发警告框显示信息。
阅读全文