西北乱跑娃 --- Brython让js也能使用python语法

最新推荐文章于 2023-08-07 19:10:43 发布

西北乱跑娃

最新推荐文章于 2023-08-07 19:10:43 发布

阅读量552

点赞数 1

分类专栏： js 前端文章标签： python javascript js

本文链接：https://blog.csdn.net/human_soul/article/details/119303034

版权

前端同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

一、介绍

Brython (Browser Python) 是在浏览器中运行的 Python 3 的一个实现，具有到 DOM 元素和事件的接口。

下面是一个运行 Python 的 HTML 页面的简单示例：

<html>
     <head>
         <script type="text/javascript" src="/path/to/brython.js"></script>
     </head>

     <body onload="brython()">
         <script type="text/python">
         from browser import document, alert

         def echo(event):
             alert(document["zone"].value)

         document["mybutton"].bind("click", echo)
         </script>

         <input id="zone"><button id="mybutton">click !</button>
     </body>
</html>

二、使用方法

要使用 Brython，只需：

加载脚本brython.js。
brython()在页面加载时运行该函数，例如

<body onload="brython()">.

在 tags 中编写 Python 代码
<script type="text/python">

三、主要特点

Brython 支持Python 3的语法，包括推导式、生成器、元类、导入等以及 CPython 发行版的许多模块。

从 3.8.0 版本开始，Brython 实现了相同主要/次要版本号的 Python 版本。

它包括与 DOM 元素和事件交互的库，以及与现有 Javascript 库（如 jQuery、D3、Highcharts、Raphael 等）交互的库。它支持最新的 HTML5/CSS3 规范，并且可以使用 CSS 框架，如 Bootstrap3、LESS、SASS 等。

四、入门零安装！

最简单的入门方法是使用jsDelivr在线提供的发行版，无需安装任何东西。您可以选择最新的稳定版本：

<script type="text/javascript"
    src="https://cdn.jsdelivr.net/npm/brython@3.9.5/brython.min.js">
</script>

前面的代码将允许您使用原始 python 代码，但如果您从标准库导入模块，您必须使用可用的 stdlib加载单个 javascript 文件：

<script type="text/javascript"
    src="https://cdn.jsdelivr.net/npm/brython@3.9.5/brython_stdlib.js">
</script>

jsDelivr 支持版本范围，所以如果你想要最新的 3.9.x 版本：

<script type="text/javascript"
    src="https://cdn.jsdelivr.net/npm/brython@3.9/brython.min.js">
</script>
<script type="text/javascript"
    src="https://cdn.jsdelivr.net/npm/brython@3.9/brython_stdlib.js">
</script>

或最新的 3.xy 版本：

<script type="text/javascript"
    src="https://cdn.jsdelivr.net/npm/brython@3/brython.min.js">
</script>
<script type="text/javascript"
    src="https://cdn.jsdelivr.net/npm/brython@3/brython_stdlib.js">
</script>

如果你想使用最新的开发版本，你可以加载这些脚本：

<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>

五、本地安装

要在本地安装 Brython，如果您的 CPython 发行版带有pip：

pip install brython

然后创建一个新目录并运行

brython-cli --install

或者从发布页面加载最新版本的 Brython zip 文件。

在这两种情况下，发行版都包括brython.js（核心 Brython 引擎）和brython_stdlib.js（标准发行版中所有文件的包）。

它还包括页面demo.html，该页面显示了如何使用 Python 作为脚本语言与网页交互的一些示例：创建新元素、访问和修改现有元素、创建图形、动画、发送 Ajax 请求等。

六、github

地址：https://github.com/brython-dev/brython

西北乱跑娃

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
西北乱跑娃 --- Brython让js也能使用python语法

一、介绍Brython (Browser Python) 是在浏览器中运行的 Python 3 的一个实现，具有到 DOM 元素和事件的接口。下面是一个运行 Python 的 HTML 页面的简单示例：<html> <head> <script type="text/javascript" src="/path/to/brython.js"></script> </head> <body
复制链接

扫一扫