使用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程式内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • pytorch实现CNN卷积神经网络

    pytorch实现CNN卷积神经网络

    这篇文章主要为大家详细介绍了pytorch实现CNN卷积神经网络,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • python3启动web服务引发的一系列问题汇总

    python3启动web服务引发的一系列问题汇总

    由于行内交付的机器已自带python3 ,没有采取自行安装python3,但是运行python脚本时报没有tornado module,遇到这样的问题如何处理呢,下面小编给大家介绍下python3启动web服务引发的一系列问题汇总,感兴趣的朋友一起看看吧
    2023-02-02
  • Python os模块中的isfile()和isdir()函数均返回false问题解决方法

    Python os模块中的isfile()和isdir()函数均返回false问题解决方法

    这篇文章主要介绍了Python os模块中的isfile()和isdir()函数均返回false问题解决方法,返回false的原因是路径使用了相对路径,使用绝对路径就可以解决这个问题,需要的朋友可以参考下
    2015-02-02
  • Pycharm最新激活码2019(推荐)

    Pycharm最新激活码2019(推荐)

    这篇文章主要介绍了Pycharm最新激活码2019,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12
  • 78行Python代码实现现微信撤回消息功能

    78行Python代码实现现微信撤回消息功能

    这篇文章主要介绍了78行Python代码实现现微信撤回消息功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-07-07
  • Python中的map()、apply()、applymap()的区别小结

    Python中的map()、apply()、applymap()的区别小结

    map()、apply()和applymap()方法是Python中常用的转换方法,,输出的结果及类型完全取决于作为给定方法的参数的函数,本文就来介绍一下这三种方法的区别,具有一定的参考价值,感兴趣的可以了解一下
    2023-10-10
  • django 认证类配置实现

    django 认证类配置实现

    本文主要介绍了django 认证类配置实现,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • python使用numpy寻找二维数组的最值及其下标方法分析

    python使用numpy寻找二维数组的最值及其下标方法分析

    这篇文章主要为大家介绍了python使用numpy寻找二维数组的最值及其下标实现方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • PyTorch零基础入门之逻辑斯蒂回归

    PyTorch零基础入门之逻辑斯蒂回归

    PyTorch是一个开源的Python机器学习库,基于Torch,用于自然语言处理等应用程序,它是一个可续计算包,提供两个高级功能:1、具有强大的GPU加速的张量计算(如NumPy)。2、包含自动求导系统的深度神经网络
    2021-10-10
  • Python调用adb命令实现对多台设备同时进行reboot的方法

    Python调用adb命令实现对多台设备同时进行reboot的方法

    今天小编就为大家分享一篇Python调用adb命令实现对多台设备同时进行reboot的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-10-10

最新评论