Python 调用 JS 代码的方法有多种、每种方法都有其独特的应用场景、具体实现依赖于所使用的工具和框架、在服务器端和客户端的结合使用上，Python 和 JavaScript 可以通过多种方式进行交互。其中，使用如 execjs 库、websockets 技术、以及在 Flask 和 Django 框架中集成 JavaScript 都是常见的方法。以下将详细描述如何在这些环境中实现 Python 调用 JavaScript 代码。
一、使用 execjs 库
execjs 是一个 Python 库，可以直接调用 JavaScript 代码。它利用了多种 JavaScript 运行时环境，比如 Node.js, JScript 等。
1. 安装 execjs 库
首先，需要安装 execjs 和 Node.js。可以使用以下命令安装：
pip install PyExecJS
确保已经安装了 Node.js，可以通过以下命令检查：
node -v
2. 编写 Python 代码调用 JavaScript
安装完成后，可以通过以下代码调用 JavaScript：
import execjs
js_code = """
function add(a, b) {
return a + b;
}
"""
ctx = execjs.compile(js_code)
result = ctx.call("add", 1, 2)
print(result) # 输出 3
在这个示例中，首先定义了一个简单的 JavaScript 函数 add，然后编译并调用它。
二、使用 websockets 技术
Websockets 是一种在单个 TCP 连接上进行全双工通信的协议。可以通过 Websockets 在 Python 和 JavaScript 之间进行实时通信。
1. 安装 websockets 库
可以使用以下命令安装 websockets 库：
pip install websockets
2. 编写 Websocket 服务器和客户端
下面是一个简单的 Websocket 服务器示例：
import asyncio
import websockets
async def handler(websocket, path):
async for message in websocket:
print(f"Received message: {message}")
await websocket.send(f"Echo: {message}")
start_server = websockets.serve(handler, "localhost", 6789)
asyncio.get_event_loop().run_until_complete(start_server)
asyncio.get_event_loop().run_forever()
接下来是一个 JavaScript 客户端示例：
<!DOCTYPE html>
<html>
<body>
<script>
let ws = new WebSocket("ws://localhost:6789/");
ws.onopen = function(event) {
ws.send("Hello Server!");
};
ws.onmessage = function(event) {
console.log("Received from server: " + event.data);
};
</script>
</body>
</html>
这个示例展示了如何通过 Websockets 在 Python 和 JavaScript 之间进行通信。
三、在 Flask 和 Django 框架中集成 JavaScript
1. 使用 Flask 框架
Flask 是一个轻量级的 Python Web 框架，可以很容易地集成 JavaScript。
安装 Flask
可以使用以下命令安装 Flask：
pip install Flask
编写 Flask 应用和集成 JavaScript
下面是一个简单的 Flask 应用示例：
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run(debug=True)
接下来是在 templates/index.html 文件中编写 JavaScript 代码：
<!DOCTYPE html>
<html>
<head>
<title>Flask and JS</title>
</head>
<body>
<script>
function showAlert() {
alert("Hello from JavaScript!");
}
</script>
<button onclick="showAlert()">Click me</button>
</body>
</html>
通过这个示例，可以看到如何在 Flask 中集成 JavaScript 代码。
2. 使用 Django 框架
Django 是一个功能丰富的 Python Web 框架，同样可以很容易地集成 JavaScript。
安装 Django
可以使用以下命令安装 Django：
pip install Django
创建 Django 项目和应用
django-admin startproject myproject
cd myproject
django-admin startapp myapp
配置 Django 项目
在 myproject/settings.py 文件中，添加 myapp 到 INSTALLED_APPS 列表中。
编写 Django 视图和模板
在 myapp/views.py 文件中，编写视图：
from django.shortcuts import render
def index(request):
return render(request, 'index.html')
在 myproject/urls.py 文件中，配置 URL 路由：
from django.contrib import admin
from django.urls import path
from myapp import views
urlpatterns = [
path('admin/', admin.site.urls),
path('', views.index, name='index'),
]
接下来是在 myapp/templates/index.html 文件中编写 JavaScript 代码：
<!DOCTYPE html>
<html>
<head>
<title>Django and JS</title>
</head>
<body>
<script>
function showAlert() {
alert("Hello from JavaScript!");
}
</script>
<button onclick="showAlert()">Click me</button>
</body>
</html>
通过这个示例，可以看到如何在 Django 中集成 JavaScript 代码。
四、使用 Node.js 和 Python 的 child_process 模块
可以通过 Node.js 的 child_process 模块在 Python 中调用 JavaScript 代码。
1. 安装 child_process 模块
默认情况下，child_process 是 Node.js 的内置模块，因此不需要额外安装。
2. 编写 Python 调用 JavaScript 的代码
首先，编写一个简单的 JavaScript 文件 script.js：
// script.js
function add(a, b) {
return a + b;
}
console.log(add(1, 2));
接下来，编写 Python 代码调用这个 JavaScript 文件：
import subprocess
result = subprocess.run(['node', 'script.js'], capture_output=True, text=True)
print(result.stdout) # 输出 3
通过这个示例，可以看到如何通过 Node.js 在 Python 中调用 JavaScript 代码。
五、通过 HTTP 请求进行通信
可以通过 HTTP 请求在 Python 和 JavaScript 之间进行通信。
1. 使用 Flask 作为后端服务器
首先，编写一个简单的 Flask 应用：
from flask import Flask, request, jsonify
app = Flask(__name__)
@app.route('/add', methods=['POST'])
def add():
data = request.get_json()
result = data['a'] + data['b']
return jsonify(result=result)
if __name__ == '__main__':
app.run(debug=True)
2. 编写 JavaScript 代码发送 HTTP 请求
接下来是在 HTML 文件中编写 JavaScript 代码：
<!DOCTYPE html>
<html>
<head>
<title>Flask and JS</title>
</head>
<body>
<script>
async function add(a, b) {
let response = await fetch('/add', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({a: a, b: b})
});
let data = await response.json();
console.log(data.result);
}
add(1, 2);
</script>
</body>
</html>
通过这个示例，可以看到如何通过 HTTP 请求在 Python 和 JavaScript 之间进行通信。
六、使用 Jupyter Notebook 和 IPython 内核
在 Jupyter Notebook 中，可以通过 IPython 内核直接调用 JavaScript 代码。
1. 安装 Jupyter Notebook
可以使用以下命令安装 Jupyter Notebook：
pip install notebook
2. 编写 Jupyter Notebook 调用 JavaScript
启动 Jupyter Notebook 后，可以在一个单元格中编写 JavaScript 代码：
from IPython.display import Javascript
Javascript("""
function add(a, b) {
return a + b;
}
console.log(add(1, 2));
""")
通过这个示例，可以看到如何在 Jupyter Notebook 中调用 JavaScript 代码。
七、总结
以上介绍了多种在 Python 中调用 JavaScript 代码的方法，包括使用 execjs 库、Websockets 技术、在 Flask 和 Django 框架中集成 JavaScript、使用 Node.js 和 Python 的 child_process 模块、通过 HTTP 请求进行通信、以及在 Jupyter Notebook 中调用 JavaScript。这些方法各有优劣，选择合适的方法取决于具体的应用场景和需求。
无论选择哪种方法，理解 Python 和 JavaScript 之间的交互机制是关键。通过这些方法，可以实现 Python 和 JavaScript 的有效集成，从而构建出功能强大且灵活的应用。
相关问答FAQs：
1. 如何在Python中调用JavaScript代码？
可以使用Python的selenium库来调用JavaScript代码。首先，需要安装selenium库，然后使用WebDriver来启动一个浏览器实例，例如Chrome或Firefox。接下来，可以使用WebDriver的execute_script()方法来执行JavaScript代码。这样，你就可以在Python中调用JavaScript代码了。
2. Python中如何调用包含JavaScript函数的外部文件？
如果你有一个包含JavaScript函数的外部文件，并且想在Python中调用这些函数，可以使用selenium库的execute_script()方法。首先，将外部文件加载到一个字符串中，然后使用execute_script()方法执行该字符串。这样，你就可以在Python中调用外部文件中的JavaScript函数了。
3. 如何在Python中调用JavaScript库？
如果你想在Python中调用JavaScript库（如jQuery或D3.js），可以使用selenium库的execute_script()方法。首先，将JavaScript库的代码加载到一个字符串中，然后使用execute_script()方法执行该字符串。这样，你就可以在Python中调用JavaScript库中的函数和方法了。记得在执行之前确保已经加载了所需的JavaScript库。
原创文章，作者：Edit1，如若转载，请注明出处：https://docs.pingcode.com/baike/842455
