一般都使用 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>