PyScript嘗鮮，來用簡單的文字輸出做介紹吧

最新推荐文章于 2024-09-14 19:55:48 发布

linlai2369632

最新推荐文章于 2024-09-14 19:55:48 发布

阅读量259

点赞数

文章标签：开发语言 python html

本文链接：https://blog.csdn.net/foxwing2369632/article/details/124594998

版权

什麼?Python現在也可以在瀏覽器上執行了!

PyScript是由Anaconda所開發，讓開發者可以在HTML中，編寫和執行Python，同時也提供了Python和Javascript函式庫的雙向通道。讓本就功能強大、應用廣泛的Python能在更多的領域發光發熱。

雖然目前正處於alpha測試階段，但各位已經可以從PyScript | Run Python in your HTML上搶先體驗啦!還不趕快來試試這神奇的玩意兒~

官方有提到，建議使用Chrome瀏覽器。還有若是擴充套件有IDM的可以考慮先將它暫時關閉。

首先呢，當然就是所謂的環境架設了，其實這很簡單，只要複製這一段內容到你的HTML裡就可以了。

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

也可以從他的官網裡複製

<!DOCTYPE html>
<html lang="en">
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial=scale=1.0">
	<title>Pyscript</title>
	<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
  <script defer src="https://pyscript.net/alpha/pyscript.js"></script>

</head>

</html>

只要複製好這段，基本上就已經做好準備，可以開始嘗試在裡面輸入Python內容啦!

首先，來介紹第一種印出文字的方法吧。

<body>
    
  <py-script>
def hello():
  print("-你好，這是用副程式寫的輸出喔!")
        
hello()
  </py-script>

</body>

網頁輸出:

想必大家都不陌生Python副程式的語法，在HTML裡我們要使用Python語言時，只需要在前後加上<py-script>...</py-script>即可。

這裡需要特別注意的是，裡面程式碼的內容必須是縮排的限制，不然可能會報錯。

第二種印出的方式，結合HTML裡id的宣告，輸出我們的print值。

<body>
    <div>
      <h1 id = "result"></h1>
    </div>

  <py-script  output="result">
print("-這裡我不得不說，PyScript裡的縮排不正確的話會報ERROR。")
print("-這是第一個輸出寫法。")
  </py-script>

</body>

網頁輸出2:

今天要介紹的最後一種寫法是用pyscript.write的方式。

JS有js.write，Python當然也有屬於它的寫法。

<body>
  <div>
      <h1 id="result2"></h1>
      <h1 id="result3"></h1>
  </div>
  
  <py-script>
pyscript.write('result2', "-這是第2個輸出寫法。")
pyscript.write('result3', "-JS有js.write，我們PyScript也有pyscript的寫法!")
  </py-script>

  
</body>

網頁輸出3: