html5和前端精要(5)-基於python指令碼(2)
阿新 • • 發佈：2021-02-07
from browser import document
document <= "Hello !"
這是一個標準的Python程式，首先匯入模組瀏覽器（在本例中為Brython引擎brython.js隨附的模組）。該模組具有一個屬性document, document指的是瀏覽器視窗中顯示的內容。
要將文字新增到document中-也就是在瀏覽器中顯示文字-Brython使用的語法是
document <= "Hello !"
您可以將<=符號視為左箭頭：document“接收”一個新元素，此處為字串“ Hello！”。稍後您將看到，總是可以使用標準化的DOM語法與頁面進行互動，Brython提供了一些捷徑來使程式碼不再那麼冗長。
HTML標籤允許文字格式設定，例如以粗體字母（B標籤），斜體（I標籤）等形式書寫。
對於Brython，這些標籤可利用browser包的html模組中定義的功能來實現。使用方法如下：
from browser import document, html
document <= html.B("Hello !")
標籤可以巢狀：
document <= html.B(html.I("Hello !"))
標籤和字串也可以相互新增：
document <= html.B("Hello, ") + "world !" 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/[email protected]/brython.min.js">
</script>
</head>
<body onload="brython()" 標籤函式的第一個引數可以是字串，數字，另一個標籤。它也可以是Python中“可迭代的”（list，comprehension，generator）：在這種情況下，將迭代中生成的所有元素都新增到標籤內：
document <= html.UL(html.LI(i) for i in range(5))
