简介
- 将
Python代码转换为JavaScript，使我们能够在浏览器中编写和运行Python代码。 - 可以实现python和js代码相互调用。
- 基于Python 3 实现，支持HTML5环境（提供了DOM对象和事件接口）。
- 支持turtle绘图库，可以进行图像绘制。Brython会把绘图程序转换成svg格式的动画。
- Brython仅支持本机Python模块，不支持C内置的Python模块，除非已在JavaScript中重新实现。
- 由于Brython在Web浏览器的上下文中运行，因此存在一些限制。例如，浏览器不允许直接访问文件系统，因此os.open()无法打开文件。与网络浏览器无关的功能可能无法实现。
Brython项目镜像目录：brython download | SourceForge.net
使用Brython
- 1、将
brython.js库加载到HTML页面的<head>部分
xml
复制代码
$ npm install brython
<script src="node_modules/brython/brython.js"></script>
// 或者从cdn中加载brython库，有以下几个cdn可供选择：
<!-- 1 : jsDelivr CDN -->
<script src="https://cdn.jsdelivr.net/npm/brython@3.9.1/brython.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/brython@3.9.1/brython_stdlib.js"></script>
<!-- 2: CloudFlare CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/brython/3.9.1/brython.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/brython/3.9.1/brython_stdlib.min.js"></script>
<!-- 3: GitHub as the CDN -->
<!--如果要使用最新的开发版本，可以选择此选项 -->
<script src="https://raw.githack.com/brython-dev/brython/master/www/src/brython.js"></script>
<script src="https://raw.githack.com/brython-dev/brython/master/www/src/brython_stdlib.js"></script>
当然下载到本地后加载也是可以的，这样加载速度会快不少。
- 2、Brython中的转译发生在加载HTML页面的同时，所以我们需要在HTML文档的body标签中调用函数
brython()。
ini
复制代码
<body onload="brython()">
- 3、
brython()函数会搜索HTML文档中所有具有type ="text/python"属性的script标签，从而将标签中的Python代码的转译。所以Python代码都必须用<script type="text/python">标记包围：
xml
复制代码
<script type="text/python">
<!-- Python code -->
</script>
或者，从单独的文件下载Python代码：
xml
复制代码
<script type="text/python" src="test.py"></script>
示例
xml
复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hello World</title>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/brython@3.9.1/brython.min.js"> </script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/brython@3.9.1/brython_stdlib.js"> </script>
</head>
<body onload="brython()" >
<script type="text/python">
from browser import document, alert
def hello(ev):
alert(" Open Alert")
document["button-click"].bind("click", hello)
</script>
<button id="button-click"> Open Alert </button>
</body>
</html>
如何得到Python代码的执行结果，将结果信息传递给DOM元素或作为字符串传递给JS脚本？
xml
复制代码
<body onload="brython()">
<script type="text/python">
import sys
from browser import document, window
def _write(*args):
document["output"].html += "".join(args) + "<br>"
def __write(*args):
document["output"].html += "<span style='color: red'>"+ "".join(args) + "</span>" + "<br>"
sys.stdout.write = _write
sys.stderr.write = __write
def exec_code(ev):
exec(document['code'].value)
document['run'].bind('click',exec_code)
</script>
<input id='code' value="print('1')"></i>
<button id='run'>RUN</button>
<div id='output'></div>
</body>
当然，Brython还有很多花式用法，其源码中也列举了不少demo,有不解之处可以去源码中找找到答案。
github：brython-dev/brython: Brython (Browser Python) is an implementation of Python 3 running in the browser (github.com) https://github.com/brython-dev/brython"
这里给大家分享一份Python全套学习资料，包括学习路线、软件、源码、视频、面试题等等，都是我自己学习时整理的，希望可以对正在学习或者想要学习Python的朋友有帮助！
CSDN大礼包：全网最全《全套Python学习资料》免费分享🎁
😝有需要的小伙伴，可以点击下方链接免费领取或者V扫描下方二维码免费领取🆓
1️⃣零基础入门
① 学习路线
对于从来没有接触过Python的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。
② 路线对应学习视频
还有很多适合0基础入门的学习视频，有了这些视频，轻轻松松上手Python~
③练习题
每节视频课后，都有对应的练习题哦，可以检验学习成果哈哈！
因篇幅有限，仅展示部分资料
2️⃣国内外Python书籍、文档
① 文档和书籍资料
3️⃣Python工具包+项目源码合集
①Python工具包
学习Python常用的开发软件都在这里了！每个都有详细的安装教程，保证你可以安装成功哦！
②Python实战案例
光学理论是没用的，要学会跟着一起敲代码，动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。100+实战案例源码等你来拿！
③Python小游戏源码
如果觉得上面的实战案例有点枯燥，可以试试自己用Python编写小游戏，让你的学习过程中增添一点趣味！
4️⃣Python面试题
我们学会了Python之后，有了技能就可以出去找工作啦！下面这些面试题是都来自阿里、腾讯、字节等一线互联网大厂，并且有阿里大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。
5️⃣Python兼职渠道
而且学会Python以后，还可以在各大兼职平台接单赚钱，各种兼职渠道+兼职注意事项+如何和客户沟通，我都整理成文档了。
上述所有资料 ⚡️ ，朋友们如果有需要 📦《全套Python学习资料》的，可以扫描下方二维码免费领取 🆓
😝有需要的小伙伴，可以点击下方链接免费领取或者V扫描下方二维码免费领取🆓
1346
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
