一般都使用 JavaScript 來操作網頁的 DOM,不過喜歡寫 Python 的人,總會想要 Python Everywhere。
只要載入 brython.js,就可以在網頁使用 <script type="text/python"> 來操作 DOM 囉~
使用 Brython 來操作網頁的 DOM
此篇雖然介紹 Brython,不過是純粹新鮮的角度來看(看到 text/python 突然覺得有點嗨),我目前並不會想使用,所以範例就官方的抄下來看看就好~
- 官方網站:Brython
- 官方文件:Brython documentation
Brython 撰寫網頁的範例
<html> <head> <script src="/brython.js"></script> </head> <body onload="brython()"> <script type="text/python"> from browser import document from browser.widgets.dialog import InfoDialog def click(ev): InfoDialog("Hello", f"Hello, {document['zone'].value} !") #bind event 'click' on button to function echo document["echo"].bind("click", click) </script> <input id="zone"> <button id="mybutton">click !</button> </body> </html>