在HTML中运行Python？

Posted 2022-09-24 程序员与Python

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在HTML中运行Python？相关的知识，希望对你有一定的参考价值。

在html中运行Python？

Pyscript是一个由anaconda开发的新框架，可以让你在HTML代码中远行Python

这意味着你可以使用<py-script>标签在浏览器中执行python代码。而且用起来也非常简单

让我们来试试。

使用以下代码创建一个简单的HTML文档。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Title: PyScript</title>
</head>
<body>
</body>
</html>

现在在头部标签中添加以下几行

<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>

最后的代码应该是这样的

<html>
    <head>
      <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
      <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
    </head>

  <body>
   <p> 你能在html代码中运行python吗？
    <py-script>
	print("不知道哇")
    </py-script>
  </body>

正如上面的代码所展示的那样，python代码被封装在<py-script>标签里。

运行HTML文件将得到这样的输出。

在使用PyScript时，你有可能希望将Python代码中的变量发送到HTML中。这可以通过pyscript>元素内的pyscript模块的写入方法来实现。你被允许传递字符串，这些字符串利用id属性显示为普通文本。

写入方法接受两个变量：id值和将被提供的变量。

例2:

让我们使用pyscript中的datetime模块来在HTML中打印日期。在下面的例子中，我们使用标签方法。

<html>
    <head>
      <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
      <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
    </head>

  <body>
    <b><p>今天是<u><label id='today'></label></u></p></b>
    <py-script>
import datetime as dt
pyscript.write('today', dt.date.today().strftime('%A %B %d, %Y'))
    </py-script>
  </body>
</html>

输出：

你也可以在HTML中运行python IDE，在浏览器中运行、修改和删除python代码。

下面是这方面的代码。

<html>
  <head>
    <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
  </head>
  <py-repl id="my-repl" auto-generate=true> </py-repl>
</html>

<py-repl>标签在网页上添加了一个代码编辑器组件