PyQT5 （六十五） PyQt5 调用 Javascript代码的案例 PyQt5 和 Javascript 交互

最新推荐文章于 2024-04-25 18:01:04 发布

ggome

最新推荐文章于 2024-04-25 18:01:04 发布

阅读量1.2k

点赞数

分类专栏： pyqt5 文章标签： qt javascript 交互 python

本文链接：https://blog.csdn.net/gixome/article/details/120949877

版权

pyqt5 专栏收录该内容

117 篇文章 82 订阅

订阅专栏

PyQt5 调用 Javascript代码的案例
PyQt5 和 Javascript 交互
什么叫交互
互相调用
PyQt5 <--> Javascript

tt.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试JS表单页面</title>
    <script>
        function fullname(value){
            alert('<'+value+'>');
            var firstname = document.getElementById('firstname').value;
            var lastname = document.getElementById('lastname').value;
            var fullname = firstname + ' '+lastname;
            document.getElementById('fullname').value = fullname;
            document.getElementById('submit_btn').style.display = 'block';
            return fullname;
        }
    </script>
</head>
<body>
<h1>测试JS表单</h1>
<form action="get">
    <label for="firstname">姓:</label>
    <input type="text" name="firstname" id="firstname"/>
    <br>
    <label for="lastname">名:</label>
    <input type="text" name="lastname" id="lastname"/>
    <br>
    <label for="fullname">姓名:</label>
    <input type="text" name="fullname" id="fullname"/>
    <br>
    <input type="submit" id="submit_btn" style="display:none;">
</form>

</body>
</html>

import os
import sys

from PyQt5.QtCore import QUrl
from PyQt5.QtGui import QIcon
from PyQt5.QtWebEngineWidgets import QWebEngineView
from PyQt5.QtWidgets import QMainWindow, QHBoxLayout, QPushButton, QMessageBox, QApplication, QVBoxLayout, QWidget

'''
PyQt5 调用 Javascript代码 的案例
PyQt5 和 Javascript 交互
什么叫交互
互相调用
PyQt5 <--> Javascript

'''

class PyQtCallJSDemo(QWidget):

    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):
        # 设置定位和左上角坐标
        self.setGeometry(300, 300, 360, 260)
        # 设置窗口标题
        self.setWindowTitle('PyQt5 调用 Javascript代码 的演示')
        # 设置窗口图标
        # self.setWindowIcon(QIcon('../web.ico'))

        self.layout = QVBoxLayout()
        self.browser = QWebEngineView()
        url = os.getcwd()+'/tt.html'
        # print(url)
        self.browser.load(QUrl.fromLocalFile(url))
        # self.setCentralWidget(self.browser)
        self.layout.addWidget(self.browser)

        button = QPushButton('设置全名')
        button.clicked.connect(self.fullname)
        self.layout.addWidget(button)
        self.setLayout(self.layout)

    # 用于获取返回值的回调函数
    def js_callback(self,result):
        print(result)

    # 执行js的函数,传参数,并获取返回值
    def fullname(self):
        self.value = '李 成龙'
        self.browser.page().runJavaScript('fullname("'+self.value+'");',self.js_callback)



if __name__ == '__main__':
    app = QApplication(sys.argv)
    # 设置应用图标
    app.setWindowIcon(QIcon('../web.ico'))
    w = PyQtCallJSDemo()
    w.show()
    sys.exit(app.exec_())

ggome

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
PyQT5 （六十五） PyQt5 调用 Javascript代码的案例 PyQt5 和 Javascript 交互

PyQt5 调用 Javascript代码的案例PyQt5 和 Javascript 交互什么叫交互互相调用PyQt5 <--> Javascripttt.html<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>测试JS表单页面</title> <script> ...
复制链接

扫一扫