Django架构中如何写JavaScript
时间: 2024-02-03 22:11:50 浏览: 25
在 Django 架构中,JavaScript 通常用于前端交互和实现动态效果。你可以将 JavaScript 代码写在 HTML 模板文件中,或者将其放入静态文件中,然后在 HTML 模板文件中引用。以下是一些示例代码:
1. 在 HTML 模板文件中直接编写 JavaScript 代码:
```
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
</head>
<body>
<h1>Hello, World!</h1>
<button onclick="alert('Hello, World!')">Click me!</button>
<script>
function sayHello() {
alert('Hello, World!');
}
</script>
</body>
</html>
```
2. 将 JavaScript 代码放入静态文件中,例如 `static/js/main.js`:
```
function sayHello() {
alert('Hello, World!');
}
```
3. 在 HTML 模板文件中引用静态文件:
```
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<script src="{% static 'js/main.js' %}"></script>
</head>
<body>
<h1>Hello, World!</h1>
<button onclick="sayHello()">Click me!</button>
</body>
</html>
```
在以上示例中,`{% static 'js/main.js' %}` 是 Django 模板语言中的静态文件 URL,它会自动根据 `STATIC_URL` 配置生成相应的 URL。