Brython 簡介

Python 以其簡潔性和可讀性而聞名，使其成為初學者的絕佳選擇。隨著其普及程度的提高，對 Python 在瀏覽器中執行的需求也越來越大。Brython（瀏覽器 Python 的縮寫）是針對這一需求的創新解決方案。本文將探討什麼是 Brython，它的潛在用途，並提供實際示例來演示其功能。

Brython：適用於 Web 的 Python

Brython 是 Python 3 的基於瀏覽器的實現。它使開發人員能夠使用 Python 編寫客戶端指令碼，而不是 JavaScript。使用 Brython，您可以利用 Python 的結構和簡潔性，同時訪問已在使用的各種 Web 技術。

設定 Brython

您可以透過在指令碼標籤中連結到 Brython javascript 檔案輕鬆地將其插入到您的 HTML 頁面中，該檔案可以從 Brython 網站獲取或直接透過內容交付網路 (CDN) 連結。

這是一個為 Brython 配置的基本 HTML 檔案：

<!DOCTYPE html>
<html>
<head>
   <script src="https://cdn.jsdelivr.net/npm/brython@3/brython.min.js"></script>
</head>
<body onload="brython()">
   <script type="text/python">
      print("Hello, Brython!")
   </script>
</body>
</html>

在此配置中，在執行任何具有 type="text/python" 屬性的指令碼標籤之前，將載入 HTML 文件的主體。

深入實際示例

讓我們來看一些 Brython 的實際使用示例。

示例 1：基本互動

讓我們從一個簡單的應用程式開始，該應用程式詢問使用者的姓名並顯示問候。

<!DOCTYPE html>
<html>
<head>
   <script src="https://cdn.jsdelivr.net/npm/brython@3/brython.min.js"></script>
</head>
<body onload="brython()">
   <script type="text/python">
      name = input("What is your name? ")
      print(f"Hello, {name}!")
   </script>
</body>
</html>

此 Python 程式的工作方式與在典型的 Python 環境中的工作方式完全相同。它會提示使用者輸入姓名，然後列印問候語。

示例 2：與 HTML 元素互動

Brython 能夠動態地與 HTML 元素互動並修改它們。在此示例中，我們將建立一個 HTML 按鈕，單擊該按鈕會更改文字元素的內容。

<!DOCTYPE html>
<html>
<head>
   <script src="https://cdn.jsdelivr.net/npm/brython@3/brython.min.js"></script>
</head>
<body onload="brython()">
   <button id="myButton">Click me!</button>
   <p id="myText">Original Text</p>
   <script type="text/python">
      from browser import document

      def change_text(event):
         document["myText"].text = "Text changed!"

      document["myButton"].bind("click", change_text)
   </script>
</body>
</html>

在此示例中，單擊按鈕會將“原始文字”替換為“文字已更改！”。

示例 3：使用 Python 庫

您可以使用 Brython 在瀏覽器中使用 Python 的功能，Brython 附帶各種常用的 Python 模組。

<!DOCTYPE html>
<html>
<head>
   <script src="https://cdn.jsdelivr.net/npm/brython@3/brython.min.js"></script>
</head>
<body onload="brython()">
   <script type="text/python">
      import math

      print(math.factorial(10))
   </script>
</body>
</html>

此示例使用常用的 Python 包 math 庫計算並顯示 10 的階乘。在 Web 瀏覽器中執行此程式碼時，將輸出 10 的階乘，即 3628800。

何時使用 Brython？

雖然 JavaScript 是 Web 程式設計的主流語言，但 Brython 使 Python 專家有機會將其專業知識擴充套件到前端。對於不想學習 JavaScript 但仍想構建動態網站的 Python 程式設計師來說，它是完美的。但是，需要注意的是，JavaScript 目前享有更高的社群認可度和更廣泛的庫生態系統。Brython 對於特定的用例來說是一個很棒的工具，特別是對於希望利用 Python 在 Web 上的優勢的 Python 愛好者！

結論

Brython 透過在 Web 瀏覽器內利用 Python 的功能，提供了一種與 JavaScript 不同的方法來建立動態網站。它易於使用，並允許您利用 Python 著名的語法和結構，同時仍然利用現代 Web 技術的強大功能。無論您是經驗豐富的 Python 程式設計師還是剛入門，Brython 都為 Web 開發提供了一條引人入勝的新途徑。

本文介紹了 Brython，探討了其潛在應用，並提供瞭如何使用它的實際示例。正如我們所看到的，Brython 是一個靈活的工具，值得探索。它可以處理從簡單的互動到修改 HTML 元素以及使用 Python 的龐大庫等所有操作。

更新於：2023年7月17日

瀏覽量：274

啟動您的職業生涯

透過完成課程獲得認證

開始學習
廣告