HTML và Python là những ngôn ngữ rất khác nhau. Trình duyệt không hỗ trợ chạy tập lệnh Python. Nếu bạn đang cố gắng tương tác với DOM và chạy các tập lệnh ở phía máy khách, thì JavaScript là ngôn ngữ bạn nên sử dụng. Nếu bạn đang cố làm cho một nút chạy tập lệnh Python trên máy chủ, thì bạn sẽ cần sử dụng một số loại phương thức để gửi yêu cầu HTTP hoặc WebSocket đến máy chủ Python, sau đó chạy tập lệnh. Hy vọng rằng đã giúp
Để sử dụng PyScript, bạn có thể tải xuống và làm theo hướng dẫn hoặc thêm các dòng sau vào trang của mình
Bấm vào đây để biết thêm thông tin về cách sử dụng PyScript
Xin lưu ý rằng PyScript rất alpha và đang được phát triển mạnh mẽ. Có nhiều vấn đề đã biết, từ khả năng sử dụng đến thời gian tải và bạn nên mong đợi mọi thứ thay đổi thường xuyên. Chúng tôi khuyến khích mọi người chơi và khám phá bằng PyScript, nhưng tại thời điểm này, chúng tôi không khuyên bạn nên sử dụng nó để sản xuất
PyScript là một khung cho phép người dùng tạo các ứng dụng Python phong phú trong trình duyệt bằng giao diện của HTML và sức mạnh của Pyodide, WASM và các công nghệ web hiện đại. Khung PyScript cung cấp cho người dùng ở mọi cấp độ kinh nghiệm quyền truy cập vào ngôn ngữ lập trình dễ hiểu, dễ học với vô số ứng dụng
PyScript là gì?
- Python trong trình duyệt. Kích hoạt nội dung thả vào, lưu trữ tệp bên ngoài và lưu trữ ứng dụng mà không phụ thuộc vào cấu hình phía máy chủ
- hệ sinh thái Python. Chạy nhiều gói phổ biến của Python và ngăn xếp khoa học [chẳng hạn như numpy, pandas, scikit-learning, v.v.]
- Python với JavaScript. Giao tiếp hai chiều giữa các đối tượng và không gian tên Python và Javascript
- quản lý môi trường. Cho phép người dùng xác định những gói và tệp sẽ bao gồm để mã trang chạy
- Phát triển ứng dụng trực quan. Sử dụng các thành phần giao diện người dùng được sắp xếp có sẵn, chẳng hạn như nút, vùng chứa, hộp văn bản, v.v.
- khung linh hoạt. Một khung linh hoạt có thể được tận dụng để tạo và chia sẻ các thành phần có thể cắm và mở rộng mới trực tiếp trong Python
Tất cả những gì cần nói… PyScript chỉ là HTML, chỉ mạnh hơn một chút [không sao, có thể rất nhiều], nhờ vào hệ sinh thái phong phú và dễ tiếp cận của các thư viện Python
Ví dụ
Thực thi JavaScript khi nhấp vào nút
Nhấp vào đây
Tự mình thử »Thêm ví dụ bên dưới
Định nghĩa và cách sử dụng
Sự kiện title xảy ra khi người dùng nhấp vào một phần tử HTML
cú pháp
Trong JavaScript, sử dụng phương thức addEventListener[]
vật. addEventListener["click", myScript];
Tự mình thử »chi tiết kỹ thuật
Bong bóng. CóCó thể hủy. Có Loại sự kiện. MouseEventSupportedThẻ HTML. Tất cả ngoại trừ. , ,
, , ,,,,Tự mình thử »
Một ví dụ khác về cách thay đổi màu của một phần tử
Nhấp vào tôi để thay đổi màu sắc của tôi
Tự mình thử »Nhấp để sao chép văn bản từ trường nhập liệu này sang trường nhập liệu khác
Sao chép văn bản
function myFunction[] {
tài liệu. getElementById["trường2"]. giá trị = tài liệu. getElementById["trường1"]. giá trị;
}
Cách gán sự kiện " title" cho đối tượng cửa sổ
cửa sổ. title = myFunction;
function myFunction[] {
tài liệu. getElementsByTagName["BODY"][0]. Phong cách. backgroundColor = "vàng";
}
Sử dụng title để tạo danh sách thả xuống
tài liệu. getElementById["myBtn"]. title = function[] {myFunction[]};
function myFunction[] {
tài liệu. getElementById["myDropdown"]. danh sách lớp học. chuyển đổi ["hiển thị"];
}
Hỗ trợ trình duyệt
title là tính năng DOM Cấp 2 [2001]
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt
ChromeEdgeFirefoxSafariOperaIECóCóCóCóCó9-11Ở đây chúng tôi hướng dẫn bạn cách đạt được điều này bằng Python Flask, các tình huống chúng tôi trình bày như sau
- Javascript khi tải sự kiện – thực thi tập lệnh Python
- Javascript khi nhấp vào sự kiện – thực thi tập lệnh Python
Trong cả hai trường hợp trên, bạn sẽ thấy các hộp bật lên như bên dưới, nhưng mã python có thể được thay đổi thành bất kỳ thứ gì bạn muốn
Mã bạn sẽ cần để chạy mã này được chia thành hai. [A] Mục lục. Logic HTML và [B] ứng dụng. lô-gic
Mã cho INDEX. trang HTML
Đây là trang mà người dùng được trình bày. Như bạn có thể thấy logic có hai đoạn javascript mà khi chạy, hãy chuyển đến mã python và chạy một số logic mà nó muốn trang web chạy
Trong trường hợp này, ứng dụng. py python script chứa các lệnh cần được thực thi
Lưu ý sự kiện tải trang đi đến tuyến đường trong ứng dụng. py, cụ thể là ” @app. tuyến đường['/']"
Trong khi sự kiện nhấp vào nút được trỏ trực tiếp vào “@app. route[‘/test’ ]” – về cơ bản, điều này sẽ không chạy cho đến khi javascript yêu cầu, trong sự kiện nhấp vào nút
Sample Home Page
Run my Python!
function myfunction_onload[]{
$.ajax[{
url: "app.py",
context: document.body
}]
}
function myfunction_clickevent[]{
$.ajax[{
url:"/test",
context: document.body}];}
Mã cho ứng dụng. Tập lệnh PY Python
Ở đây chúng tôi đang liên kết với chỉ mục. trang html và lấy các lệnh từ nó và thực hiện các yêu cầu đó
Trong trường hợp này, hộp thông báo được hiển thị bằng cách sử dụng gói win32api
Ứng dụng đang sử dụng gói jar để chạy trang web
Điều mạnh mẽ ở đây là bạn có thể bắt đầu tùy chỉnh logic này để làm những gì bạn thích, ví dụ bao gồm
[A] Trả đồ thị về trang web
[B] Xử lý dữ liệu nhận được và trả lại số liệu thống kê về dữ liệu
[C] Xác thực dữ liệu nhận được bằng Python và trả về phản hồi. Một ví dụ ở đây có thể là người dùng đăng nhập vào cơ sở dữ liệu