iis服务器助手广告广告
返回顶部
首页 > 资讯 > 后端开发 > Python >使用pyscript在网页中撰写Python程式的方法
  • 588
分享到

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

2024-04-02 19:04:59 588人浏览 八月长安

Python 官方文档:入门教程 => 点击学习

摘要

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

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

--结束END--

本文标题: 使用pyscript在网页中撰写Python程式的方法

本文链接: https://www.lsjlt.com/news/117837.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 使用pyscript在网页中撰写Python程式的方法
    根据 Anaconda 的项目 pyscript,可以将 python 的代码直接写在网页中,目前只支援两种标签,分别是<py-script> 与 <py-repl...
    99+
    2024-04-02
  • 如何在后端使用python写网页
    如何在后端使用python写网页?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。安装flask模块首先使用pip进行安装:pip install flas...
    99+
    2023-06-06
  • python 中的 BeautifulSoup 网页使用方法解析
    目录一、安装二、html.parser解析三、外部文档解析四、标签选择器五、css选择器六、节点遍历七、find_all方法八、find方法一、安装 Bautiful Soup 是第...
    99+
    2024-04-02
  • Python使用Requests请求网页方式
    目录GET请求POST方法Session踩坑记要扩展总结Requests 继承了urllib2的所有特性。 Requests支持HTTP连接保持和连接池,支持使用cooki...
    99+
    2023-03-14
    Python使用Requests Requests请求网页 Python Requests请求网页
  • Python使用Dash开发网页应用的方法详解
    目录Python Dash开发Web应用的控件基础一、Dash的布局Layout1、Dash的HTML组件2、Dash的Core组件二、Dash Core中的ChecklistPyt...
    99+
    2024-04-02
  • 网页ip代理的使用方法
    这篇文章主要介绍“网页ip代理的使用方法”,在日常操作中,相信很多人在网页ip代理的使用方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”网页ip代理的使用方法”的疑惑有所帮助!接下来,请跟着小编一起来学习吧...
    99+
    2023-06-20
  • python对网页文本的格式化实例方法
    1、一个网页通常包含文本信息。对于不同的文本类型,我们可以选择合适的HTML语义元素进行标记。 2、em元素用于标记和强调部分内容,small元素用于注释和署名文本。 实例 &l...
    99+
    2024-04-02
  • python中使用scipy.io读写.mat文件的方法
    小编给大家分享一下python中使用scipy.io读写.mat文件的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!python是什么意思Python是一种跨...
    99+
    2023-06-14
  • Python格式化字符串在实际操作过程中的使用方法
    这篇文章主要讲解了“Python格式化字符串在实际操作过程中的使用方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Python格式化字符串在实际操作过程中的使用方法”吧!Python格式化...
    99+
    2023-06-17
  • lambda表达式在java8中的使用方法
    这篇文章给大家介绍lambda表达式在java8中的使用方法,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。定义 TantanitReader:public class TantanitReader { private ...
    99+
    2023-05-31
    java8 lambda ava
  • python在测试中使用 Mock的方法
    这篇“python在测试中使用 Mock的方法”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“python在测试中使用 Mock的方法”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢...
    99+
    2023-06-06
  • Python中怎么使用write()方法写文字
    在Python中,可以使用write()方法写入文字到文件中。首先,需要打开一个文件,可以使用open()函数来完成。然后,可以使用...
    99+
    2023-10-12
    Python
  • 使用window.postMessage()方法在两个网页间传递数据
    目录说明发送端postMessage程序发送消息的基本语法:targetWindowmessagetargetOrigintransfer接收端完整程序发送程序接收程序说明 wind...
    99+
    2024-04-02
  • 如何在Python shell中使用函数编写最佳的编程算法?
    Python是一种易于学习且功能强大的编程语言,它为编写高效算法提供了很多工具和函数。在Python中,函数是一种非常有用的工具,可以帮助我们编写最佳的编程算法。在本文中,我们将探讨如何在Python shell中使用函数编写最佳的编程算法...
    99+
    2023-07-08
    shell 函数 编程算法
  • 写Python时不用import的方法教程
    这篇文章给大家介绍写Python时不用import的方法教程,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。在写 Python 程序的时候,我们需要依赖一些库,所以一开始我们总是:imp...
    99+
    2024-04-02
  • 如何在 Django 中使用 Python 编写高效的算法?
    Django 是一个流行的 Python Web 框架,它提供了许多有用的工具和函数来帮助开发人员快速构建 Web 应用程序。但是,有时候我们需要在 Django 中编写一些高效的算法,以处理大量的数据和复杂的逻辑。在本篇文章中,我们将介绍...
    99+
    2023-08-03
    编程算法 函数 django
  • 一文掌握在Vue3中书写TSX的使用方法
    目录插件安装与文件配置tsx语法格式tsx语法注意事项在vue2的时候就已经可以使用 jsx 语法,但是不是很友好,写起来是一件很痛苦的事情,所以你很少见到有人会在vue2中书写 j...
    99+
    2023-05-20
    vue3  TSX Vue3书写TSX
  • Python GUI教程之在PyQt5中使用数据库的方法
    目录PyQt5的SQL数据库支持在PyQt5中简单使用数据库创建一个UI界面连接一个数据库在UI界面查看和修改数据添加和删除数据在桌面图像化界面编程中,我们通常需要将一些数据或配置信...
    99+
    2024-04-02
  • np.delete()方法怎么在python中使用
    本篇文章为大家展示了np.delete()方法怎么在python中使用,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。python的五大特点是什么python的五大特点:1.简单易学,开发程序时,专注...
    99+
    2023-06-14
  • zip_longest方法怎么在python中使用
    本篇文章给大家分享的是有关 zip_longest方法怎么在python中使用,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。python主要应用领域有哪些1、云计算,典型应用O...
    99+
    2023-06-14
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作