编写一段代码,实现上述让JavaScript在页面加载后生效的操作
时间: 2024-10-11 10:12:42 浏览: 3
在Flask中,为了实现在模板中让JavaScript代码在页面加载后生效,首先确保你已经创建了一个视图函数,并且在该函数中渲染了包含JavaScript的HTML模板。下面是一个基本的例子,假设你有一个名为`index.html`的模板,里面有一个简单的按钮和一个回调函数:
```python
from flask import render_template
@app.route('/')
def index():
# 可能从数据库或其他地方获取数据
data = {'button_text': '点击我'}
return render_template('index.html', data=data)
# 在templates/index.html文件中
{% extends "base.html" %} <!-- 如果你有一个基础模板base.html -->
{% block content %}
<div>
<button id="myButton" onclick="handleClick('{{ data.button_text }}')"> {{ data.button_text }}</button>
</div>
<script type="text/javascript">
function handleClick(buttonText) {
alert("按钮文本: " + buttonText);
}
</script>
{% endblock %}
```
在这个例子中,我们使用了模板中的`{{ }}`表达式将`data`中的`button_text`属性值传递给JavaScript函数`handleClick`。当用户点击按钮时,会触发`handleClick`函数,显示一个警告框。
注意:这里假设你已经有了一个`base.html`模板作为父模板,并且`app`已初始化,`@app.route('/')`指定了主页路由。