使用 Brython 來操作網頁的 DOM

一般都使用 JavaScript 來操作網頁的 DOM，不過喜歡寫 Python 的人，總會想要 Python Everywhere。

只要載入 brython.js，就可以在網頁使用 <script type="text/python"> 來操作 DOM 囉~

使用 Brython 來操作網頁的 DOM

此篇雖然介紹 Brython，不過是純粹新鮮的角度來看(看到 text/python 突然覺得有點嗨)，我目前並不會想使用，所以範例就官方的抄下來看看就好~

Brython 撰寫網頁的範例

View Raw Code?
  1. <html>
  2. <head>
  3. <script src="/brython.js"></script>
  4. </head>
  5. <body onload="brython()">
  6. <script type="text/python">
  7. from browser import document
  8. from browser.widgets.dialog import InfoDialog
  10. def click(ev):
  11. InfoDialog("Hello", f"Hello, {document['zone'].value} !")
  13. #bind event 'click' on button to function echo
  14. document["echo"].bind("click", click)
  15. </script>
  16. <input id="zone">
  17. <button id="mybutton">click !</button>
  18. </body>
  19. </html>

作者: Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料。