本地python文件运行结果如何在html页面展示？教程

HTML和JavaScript代码保存在同一个文件 以下是每个文件完整代码

以下是一个完整的HTML文件，其中包含HTML、JavaScript和Python程序的代码：

Python 输出结果展示

运行 Python 程序

你需要将上述代码保存为一个名为"index.html"的文件。

同时，你还需要创建一个名为"run_python.py"的Python文件，其中包含你要运行的Python程序的代码。这个文件应该与"index.html"文件在同一个目录下。在这个示例中，你可以在"run_python.py"文件中编写你的Python程序，例如：

python

print(“Hello, World!”)
print(“This is the output of my Python program.”)
确保将以上代码保存为一个名为"run_python.py"的文件，并与"index.html"文件保存在同一目录下。

当你在浏览器中打开"index.html"文件后，你将看到一个页面，其中包含一个"运行 Python 程序"按钮。当你点击按钮时，页面将发送请求到"run_python.py"文件，并将Python程序的输出结果显示在页面上方的

元素中。

请注意，为了使上述代码能够正常工作，你需要在一个具有Python环境的服务器上运行这些文件，或者在本地搭建一个类似服务器的环境，例如使用Python的http.server模块启动一个简单的HTTP服务器。

没有输出结果请注意，为了使上述代码能够正常工作，你需要在一个具有Python环境的服务器上运行这些文件，或者在本地搭建一个类似服务器的环境，例如使用Python的http.server模块启动一个简单的HTTP服务器。

在本地运行这些文件时，需要在一个简单的HTTP服务器上托管它们才能使其正常工作。

以下是使用Python的http.server模块启动一个简单的HTTP服务器的步骤：

将上述完整的HTML代码保存为一个名为"index.html"的文件。

创建一个名为"run_python.py"的Python文件，并在其中编写你要运行的Python程序的代码。例如，可以使用以下示例代码：

python

print(“Hello, World!”)
print(“This is the output of my Python program.”)
打开终端或命令提示符，并进入包含这两个文件的目录。

在终端或命令提示符中，使用以下命令启动一个简单的HTTP服务器：

shell

python -m http.server
这将启动一个默认监听在8000端口的HTTP服务器。

在浏览器中访问"http://localhost:8000/index.html"，你将看到一个页面，其中包含一个"运行 Python 程序"按钮。

点击按钮，页面将发送请求到"run_python.py"文件，并将Python程序的输出结果显示在页面上方的

元素中。

请确保在运行HTTP服务器之前，已安装了Python，并且您在终端或命令提示符中位于正确的目录中。