html5和前端精要(5)-基于python脚本(2)

from browser import documentdocument <= "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, htmldocument <= 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/brython@3.9.1/brython.min.js"></script>
</head><body onload="brython()">
<!--html.B粗体，html.I斜体,html.U下划线-->
<script type="text/python">from browser import document,htmldocument <= "Hello !"document <= "您好!"document <=html.B("您好!")document <=html.I("您好!")document <=html.U("您好!")</script></body></html>

标签函数的第一个参数可以是字符串，数字，另一个标签。它也可以是Python中“可迭代的”（list，comprehension，generator）：在这种情况下，将迭代中生成的所有元素都添加到标签内：

document <= html.UL(html.LI(i) for i in range(5))

html5和前端精要(5)-基于python脚本(2)相关推荐

python工业自动化仿真_ABAQUS 中基于 Python 脚本语言开发实现仿真自动化操作
进行 ABAQUS 开发编程前,首先需要明白 ABAQUS 有限元分析思路和基本流程,以及 Python 基本语法和面向对象编程有基本的认识,下面是 Python 和 ABAQUS 的开发模板: # ...
arcmap中添加python脚本_基于Python脚本的ArcMap字段计算器分类赋值
因为出差等等缘由,又没能很好的坚持记录博客,今天回来了,继续记录所学吧.python ArcMap中提供了"字段计算器工具",实际上就是对Sql语句进行了可视化封装,造成了一个具备 ...
python做一个本地搜索工具_SecretFinder：一款基于Python脚本的JavaScript敏感信息搜索工具...
SecretFinder工具介绍 SecretFinder是一款基于LinkFinder实现的Python脚本(如需BrupSuite版本,请点击这里),该工具的主要功能是帮助研究人员发现JavaSc ...
基于Python脚本和聚合数据实现手机号码归属地信息查询
聚合数据简介聚合数据是一个为智能手机开发者,网站站长,移动设备开发人员及图商提供原始数据API服务的综合性云数据平台.包含手机聚合,网站聚合,LBS聚合三部分,其功能类似于Google APIS和百 ...
FreeCAD stp文件基于python脚本操作
FreeCAD对于3D模型处理这块的东西封装的还是很完善的,所以移植这块的东西还是有必要的! 首先下载FreeCAD编译好的库: https://www.freecadweb.org/wiki/Dow ...
基于python脚本的参数化建模_Python在ABAQUS中
Python在ABAQUS中所属分类:其他开发工具:Python 文件大小:17325KB 下载次数:0 上传日期:2020-11-25 11:47:17 上传者:qwe12334 说明: ...
opencv python书籍_OpenCV算法精解：基于Python与C++
目录 1 OpenCV入门 1.1 初识OpenCV 1.1.1 OpenCV的模块简介 1.1.2 OpenCV 2.4.13与3.2版本的区别 1.2 部署OpenCV 1.2.1 在Visual ...
html5和前端精要(1)-架构与基础（１）
1.html5只有一种样本代码 <!DOCTYPE html> 2.标题 <html> </html> 3.主体 <body> </body> ...
html5和前端精要(4)-头部信息
1.头部信息基础 (1)网页基本信息(元信息) (2)不显示在网页上,被浏览器使用 2.网页元信息 (1)使用标签定义网页描述信息 <meta name "description&qu ...

html5和前端精要(5)-基于python脚本(2)

html5和前端精要(5)-基于python脚本(2)相关推荐

最新文章

热门文章