X

Brython - 在瀏覽器用 Python 取代 JavaScript

之前看到的一個有趣的 Open Source 專案(Brython), 雖然我覺得沒什麼實用性~ XD

不過, 既然是蛇年, 就讓 瀏覽器 也 蛇化 吧~

  • Brython 的說明: Brython's goal is to replace Javascript with Python, as the scripting language for web browsers.

Brython - 在瀏覽器用 Python 取代 JavaScript

此專案載入一隻 js 檔, 然後就可以用 Python 語法來操作 DOM、AJAX... 等等的事情. (寫在 <script type="text/python"> 裡面)

Brython 使用方式(範例)

說明文件: Brython document, 下述範例取自此篇:

<html>
<head>
<script src="/brython.js"></script>
</head>
<body onLoad="brython()">
<script type="text/python">
def echo():
    alert(doc["zone"].value)
</script>
<input id="zone"><button >

Brython Syntax 筆記

建立 a link

  • link1 = A('Brython', href='http://www.brython.info')
  • link2 = A(B('Python'), href='http://www.python.org')

建立 a 並 附加屬性

  • link = A()
  • link <= B('connexion')
  • link.href = 'http://example.com'

AJAX

  1. req = ajax()
  2. req.on_complete = on_complete
  3. req.set_timeout(timeout, err_msg)
  4. req.open('POST', url, True)
  5. req.set_header('content-type', 'application/x-www-form-urlencoded')
  6. req.send(data)

Local storage

  • local_storage['foo'] = 'bar'
  • log(local_storage['foo'])
  • del local_storage['foo']
  • log(local_storage['foo']) # prints None

text/python 寫法範例


<script type='text/python'>
def mouse_move(ev):
doc["trace"].value = '%s %s' %(ev.x,ev.y)

doc["zone"].onmousemove = mouse_move
</script>

Brython 相關 Library (函式庫)

這邊有很多必須的 Library, 在這邊列一些應用類的.

  • py2js.js : does the conversion between the tokens and the Javascript code
  • py_dom.js : interaction with the HTML document (DOM)
  • py_ajax.js : Ajax implementation
  • py_local_storage.js : implementation of the HTML5 local storage
  • py_svg.py : SVG support (vector graphics)
Tsung: 對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.
Related Post