怎么把js放进html里面
时间: 2024-09-28 21:04:18 浏览: 22
JS和HTML和JAVAScript写的打字小游戏 .html
将JavaScript放入HTML中主要有两种方式:
1. 内联脚本(Inline Script): 直接在`<body>`标签内或`<head>`标签的`<script>`标签中编写JavaScript代码,如下所示:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<title>JavaScript示例</title>
</head>
<body>
<button onclick="alert('Hello, World!')">点击我</button>
<script>
function showMessage() {
console.log("This is a JavaScript function.");
}
</script>
</body>
</html>
```
在这个例子中,当用户点击按钮时,会弹出警告框显示 "Hello, World!"。
2. 外部脚本文件(External Script File): 将JavaScript代码保存在一个`.js`文件中,然后通过`<script>`标签引用它,通常放在`<head>`的`<script>`标签里或者`<body>`的底部,以确保页面加载完毕后再执行外部脚本,避免阻塞渲染:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<title>JavaScript示例</title>
<script src="script.js"></script> <!-- 引入外部脚本 -->
</head>
<body>
<h1 id="greeting">Hello</h1>
</body>
</html>
<!-- script.js 文件内容 -->
<script>
document.getElementById("greeting").textContent = "Hello, World!";
</script>
```
在这个例子中,`script.js`文件负责修改`<h1>`元素的内容。
阅读全文