又有时候，你想做一个网页，但是你只会HTML和Python。那么如果要做一个带有一些复杂逻辑的网页，只能去学JavaScript吗?

公司主营业务：网站设计制作、成都网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出瓜州免费做网站回馈大家。

其实未必。如果你不考虑网页美观的话，你可以用HTML + Python实现一个简单的网页。

今天我们要介绍的东西，叫做PyScript，使用它，不需要安装任何软件。只要有一个记事本，就能写一段HTML+Python的代码。写完以后，双击这个HTML文件，用浏览器打开，就能直接看到Python代码的运行结果。

假设我现在要写一段代码，使用高效的算法计算斐波那契数列前10项的值。现在我已经把代码写好了，想验证一下它是否正确：

def fib(n):
    if n in [1, 2]:
        return 1
    a = 1
    b = 1
    for _ in range(2, n):
        a, b = b, a + b
    return b

我的电脑上没有Python，我也不知道任何在线的Python解释器。怎么办呢?这个时候，你只需要在这个Python代码的前后再添加一些HTML代码，把它保存成一个.html文件就可以了：

  
    
    
  
  
    
def fib(n):
    if n in [1, 2]:
        return 1
    a = 1
    b = 1
    for _ in range(2, n):
        a, b = b, a + b
    return b

for i in range(1, 11):
    print(f'第{i}项的结果是：{fib(i)}')
    
  

保存以后，双击这个HTML文件，用浏览器打开，就可以看到运行结果了，如下图所示：

到目前为止，似乎跟那些在线的Python运行环境没什么区别。但PyScript更厉害的是，它自带了一些常见的第三方库，例如numpy或者Matplot，甚至它还可以手动安装第三方库。

对于它自带的numpy和matplotlib，可以直接使用标签声明：

    
    
    
      
        - numpy
        - matplotlib
      
    

  
    
Let's plot random numbers

    

    
import matplotlib.pyplot as plt
import numpy as np

x = np.random.randn(1000)
y = np.random.randn(1000)

fig, ax = plt.subplots()
ax.scatter(x, y)
fig
    
  

运行效果如下图所示：

如果你想安装第三方库，只需要去下载这个库对应的.whl文件，把它跟HTML文件放到一起，然后在中使用相对路径导入就可以了。但经过我的测试，导入的requests工作起来有点问题。因此就不多介绍了。看看官方是否会修复这个bug吧。

PyScript的Github[1]上，给了不少Demo，甚至可以用它来做超级马里奥的网页游戏。大家有兴趣可以看看。

总结

目前仅仅从运行Python代码这个小功能上，PyScript做的比Jupyter还是差远了。但是PyScript可以编辑修改HTML元素，这样它就可以在一定程度上替代JavaScript，从而配合HTML实现一些功能复杂的网页。

参考资料

[1]Github: https://github.com/pyscript/pyscript

名称栏目：一日一技：抛掉JavaScript，用HTML和Python做网站
本文URL：http://www.shufengxianlan.com/qtweb/news29/165079.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联