
一段JavaScript代码可以通过多种方式嵌入到网站中,如直接在HTML文件中插入、通过外部文件引用、在特定的HTML标签中嵌入等。 常见的方法有:通过<script>标签直接嵌入、引用外部JS文件、在特定事件触发时执行。下面详细描述其中一种方法——通过<script>标签直接嵌入。
在HTML文件的<head>或<body>标签中插入<script>标签,然后在标签内编写JavaScript代码。例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
document.addEventListener('DOMContentLoaded', function() {
console.log('JavaScript is working!');
});
</script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
在这段代码中,JavaScript代码被放置在<script>标签内,并在页面加载完成后执行。接下来我们将详细讨论其他几种方式及其应用场景。