脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 脚本专栏 → python → pyscript Python程式

使用pyscript在网页中撰写Python程式的方法

 更新时间：2022年05月09日 15:45:47   作者：Yehchitsai  
本文主要介绍了使用pyscript在网页中撰写Python程式的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

根据 Anaconda 的项目 pyscript,可以将 python 的代码直接写在网页中，目前只支援两种标签，分别是<py-script> 与 <py-repl>，以下是简单的示例。

使用这两行导入 pyscript

<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" rel="external nofollow"  rel="external nofollow"  />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>

使用<py-repl>标签，会显示原始码，可以单击左下角的按键，开始运行。

<py-repl>
from datetime import datetime
now = datetime.now()
print("目前日期时间", now.strftime("%m/%d/%Y, %H:%M:%S"))

list1 = list("Pythony在网页中执行")
for i in list1:
	print("{}".format(i))
</py-repl>

效果如下：

在这里插入图片描述

使用<py-repl>标签的结果，原则上是使用非同步处理，所以与主画面渲染比较会有延迟。

使用<py-script>标签

<py-script>
from datetime import datetime
now = datetime.now()
print("目前日期时间", now.strftime("%m/%d/%Y, %H:%M:%S"))

list1 = list("Pythony在网页中执行")
for i in list1:
	print("{}".format(i))
</py-script>

效果如下：

在这里插入图片描述

使用<py-script>标签的结果

完整程式范例如下。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />

    <title>第一个 PyScript 练习</title>

    <link rel="icon" type="image/png" href="favicon.png" rel="external nofollow"  />
		<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" rel="external nofollow"  rel="external nofollow"  />
		<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
  </head>

  <body>
    在网页中撰写 Python 程式<br>
    显示目前时间与印出一个列表:
使用 py-repl 标签<br/>
    <py-repl>
from datetime import datetime
now = datetime.now()
print("目前日期时间", now.strftime("%m/%d/%Y, %H:%M:%S"))

list1 = list("Pythony在网页中执行")
for i in list1:
	print("{}".format(i))
    </py-repl> 
    
使用 py-script 标签<br/>
    <py-script>
from datetime import datetime
now = datetime.now()
print("目前日期时间", now.strftime("%m/%d/%Y, %H:%M:%S"))

list1 = list("Pythony在网页中执行")
for i in list1:
	print("{}".format(i))
    </py-script>
  </body>
</html>

参考资料

pyscript，https://pyscript.net/

PyScript，https://github.com/pyscript/pyscript

到此这篇关于使用pyscript在网页中撰写Python程式的方法的文章就介绍到这了,更多相关pyscript Python程式内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • 用Python判断奇偶数示例

    用Python判断奇偶数示例

    大家好，本篇文章主要讲的是用Python判断奇偶数示例，感兴趣的同学赶快来看一看吧，对你有帮助的话记得收藏一下
    2022-01-01
  • Python shapefile转GeoJson的2种方式实例

    Python shapefile转GeoJson的2种方式实例

    geojson是地图可视化系统中最常用的地理数据格式,几乎所有主流地图可视化库或框架都支持geojson数据的加载,下面这篇文章主要给大家介绍了关于Python shapefile转GeoJson的2种方式的相关资料,需要的朋友可以参考下
    2023-03-03
  • Python面向对象程序设计中类的定义、实例化、封装及私有变量/方法详解

    Python面向对象程序设计中类的定义、实例化、封装及私有变量/方法详解

    这篇文章主要介绍了Python面向对象程序设计中类的定义、实例化、封装及私有变量/方法,结合具体实例形式较为详细的分析了Python面向对象程序设计中类的定义、实例化、封装、私有变量、私有方法等相关使用技巧,需要的朋友可以参考下
    2019-02-02
  • python中time库使用详解

    python中time库使用详解

    time库是python中处理时间的标准库,下面这篇文章主要给大家介绍了关于python中time库使用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-06-06
  • pyhton列表转换为数组的实例

    pyhton列表转换为数组的实例

    下面小编就为大家分享一篇pyhton列表转换为数组的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-04-04
  • Django框架中模型的用法

    Django框架中模型的用法

    这篇文章介绍了Django框架中模型的用法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2022-06-06
  • python进阶_浅谈面向对象进阶

    python进阶_浅谈面向对象进阶

    下面小编就为大家带来一篇python进阶_浅谈面向对象进阶。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • 基于Python的Houdini插件开发过程详情

    基于Python的Houdini插件开发过程详情

    这篇文章主要介绍了基于Python的Houdini插件开发过程详情，Houdini是基于QT进行的开发，支持 Python、HScript二种脚本进行插件开发，下面文章介绍内容,需要的朋友可以参考一下
    2022-02-02
  • Django ORM 自定义 char 类型字段解析

    Django ORM 自定义 char 类型字段解析

    这篇文章主要介绍了Django ORM 自定义 char 类型字段解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • Python采集腾讯新闻实例

    Python采集腾讯新闻实例

    这篇文章主要介绍了Python采集腾讯新闻实例,一个简单的例子,着重于实现步骤的讲解,需要的朋友可以参考下
    2014-07-07

最新评论