使用pyscript在網頁中撰寫Python程式的方法

更新時間：2022年05月09日 15:45:47 作者：Yehchitsai

本文主要介紹了使用pyscript在網頁中撰寫Python程式的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

根據 Anaconda 的項目 pyscript,可以將 python 的代碼直接寫在網頁中，目前只支援兩種標簽，分別是<py-script> 與 <py-repl>，以下是簡單的示例。

使用這兩行導入 pyscript

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

使用<py-repl>標簽，會顯示原始碼，可以單擊左下角的按鍵，開始運行。

<py-repl>
from datetime import datetime
now = datetime.now()
print("目前日期時間", now.strftime("%m/%d/%Y, %H:%M:%S"))

list1 = list("Pythony在網頁中執(zhí)行")
for i in list1:
	print("{}".format(i))
</py-repl>

效果如下：

在這里插入圖片描述

使用<py-repl>標簽的結果，原則上是使用非同步處理，所以與主畫面渲染比較會有延遲。

使用<py-script>標簽

<py-script>
from datetime import datetime
now = datetime.now()
print("目前日期時間", now.strftime("%m/%d/%Y, %H:%M:%S"))

list1 = list("Pythony在網頁中執(zhí)行")
for i in list1:
	print("{}".format(i))
</py-script>

效果如下：

在這里插入圖片描述

使用<py-script>標簽的結果

完整程式范例如下。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />

    <title>第一個 PyScript 練習</title>

    <link rel="icon" type="image/png" href="favicon.png" rel="external nofollow"  />
		<link rel="stylesheet"  rel="external nofollow"  rel="external nofollow"  />
		<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
  </head>

  <body>
    在網頁中撰寫 Python 程式<br>
    顯示目前時間與印出一個列表:
使用 py-repl 標簽<br/>
    <py-repl>
from datetime import datetime
now = datetime.now()
print("目前日期時間", now.strftime("%m/%d/%Y, %H:%M:%S"))

list1 = list("Pythony在網頁中執(zhí)行")
for i in list1:
	print("{}".format(i))
    </py-repl> 
    
使用 py-script 標簽<br/>
    <py-script>
from datetime import datetime
now = datetime.now()
print("目前日期時間", now.strftime("%m/%d/%Y, %H:%M:%S"))

list1 = list("Pythony在網頁中執(zhí)行")
for i in list1:
	print("{}".format(i))
    </py-script>
  </body>
</html>