怎么在html中调用python的函数
时间: 2024-05-07 19:19:39 浏览: 173
python 实现调用函数
在 HTML 中调用 Python 函数有多种方式,以下是其中一种:
1. 在服务器端使用 Python 编写 Web 应用程序,例如使用 Flask 框架。
2. 在 HTML 中使用 JavaScript 调用 Python 函数,可以使用像 Skulpt 这样的 Python 解释器。Skulpt 是一个在浏览器中运行的 Python 解释器,它允许您在客户端执行 Python 代码。
以下是一个使用 Skulpt 在 HTML 中调用 Python 函数的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://skulpt.org/static/skulpt.min.js" type="text/javascript"></script>
<script src="https://skulpt.org/static/skulpt-stdlib.js" type="text/javascript"></script>
<script type="text/javascript">
// 定义 Python 函数
function add(a, b) {
return a + b;
}
// 在页面加载完成后执行
$(document).ready(function() {
// 初始化 Skulpt
Sk.configure({output: function(text) {
$("#output").append(text + "\n");
}});
// 执行 Python 函数
Sk.misceval.callsimAsync("add", Sk.ffi.remapToPy(2), Sk.ffi.remapToPy(3)).then(function(result) {
$("#output").append(Sk.ffi.remapToJs(result) + "\n");
});
});
</script>
</head>
<body>
<div id="output"></div>
</body>
</html>
```
这个例子中定义了一个名为 `add` 的 Python 函数,在页面加载完成后使用 Skulpt 执行了这个函数,并将结果输出到页面上。注意,Skulpt 需要加载两个 JavaScript 文件才能正常工作,因此这两个文件也被包含在 HTML 中。
阅读全文