使用 Brython 來操作網頁的 DOM

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

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

使用 Brython 來操作網頁的 DOM

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

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>

作者: Tsung

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

發表迴響

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