pyqt5的runJavaScript 使用模板

简介: runJavaScript 的说明QWebEnginePage 有一个 runJavaScript 方法,支持回调函数。使用方法1只运行JavaScript,没有回调 def run_js(self): js_string...

runJavaScript 的说明

QWebEnginePage 有一个 runJavaScript 方法,支持回调函数。

使用方法1
只运行JavaScript,没有回调

   def run_js(self):
        js_string = '''
        alert("hello,world!");
        '''

        self.webview.page().runJavaScript(js_string)

使用方法2
运行JavaScript,并存在回调

    def run_js2(self):
        js_string = '''
        function myFunction()
        {
            return document.body.scrollWidth;
        }
                
        myFunction();
        '''

        self.webview.page().runJavaScript(js_string , self.js_callback)



    # 回调函数
    def js_callback(self,result):
        print(result)
        QMessageBox.information(self, "提示", str(result))

完整代码,如下所示。

【如下代码,完全复制,直接运行,即可使用】

import sys
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtWebEngineWidgets import QWebEngineView
################################################
#######创建主窗口
################################################
class MainWindow(QMainWindow):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.setWindowTitle('My Browser')
        self.showMaximized()

        #####放入WebEngineView
        self.webview = WebEngineView()
        self.webview.load(QUrl("https://www.baidu.com"))
        self.setCentralWidget(self.webview)

        #####web页面加载完毕,调用函数
        self.webview.page().loadFinished.connect(self.run_js)
        self.webview.page().loadFinished.connect(self.run_js2)



    ########运行js脚本,没有回调########
    def run_js(self):
        js_string = '''
        alert("hello,world!");
        '''

        self.webview.page().runJavaScript(js_string)


    ########运行js脚本,有回调########
    def run_js2(self):
        js_string = '''
        function myFunction()
        {
            return document.body.scrollWidth;
        }
                
        myFunction();
        '''

        self.webview.page().runJavaScript(js_string , self.js_callback)



    # 回调函数
    def js_callback(self,result):
        print(result)
        QMessageBox.information(self, "提示", str(result))


################################################
#######创建浏览器
################################################
class WebEngineView(QWebEngineView):
    windowList = []

    # 重写createwindow()
    def createWindow(self, QWebEnginePage_WebWindowType):
        new_webview =   WebEngineView()
        new_window = MainWindow()
        new_window.setCentralWidget(new_webview)
        #new_window.show()
        self.windowList.append(new_window)  #注:没有这句会崩溃
        return new_webview


################################################
#######程序入门
################################################
if __name__ == "__main__":
    app = QApplication(sys.argv)
    w = MainWindow()
    w.show()
    sys.exit(app.exec_())

本文如有帮助,敬请留言鼓励。
本文如有错误,敬请留言改进。

目录
相关文章
|
数据库 UED Python
1、基于python多进程+pyqt5开发流畅界面程序
使用python+pyqt5开发界面程序,利用多进程分离界面和任务执行功能,达到界面流畅不卡顿的要求。 本文程序示例:https://github.com/AlvinsFish/UiExample
2243 0
1、基于python多进程+pyqt5开发流畅界面程序
|
9月前
|
图形学 Python 容器
【PyQt5桌面应用开发】3.Qt Designer快速入门(控件详解)
【PyQt5桌面应用开发】3.Qt Designer快速入门(控件详解)
1218 0
|
JSON 网络协议 安全
基于python实现的CS通信和P2P通信
基于python实现的CS通信和P2P通信
350 0
基于python实现的CS通信和P2P通信
QT软件开发: 窗口鼠标事件穿透
QT软件开发: 窗口鼠标事件穿透
719 0
QT软件开发: 窗口鼠标事件穿透
|
存储 Dart Android开发
【Flutter】shared_preferences 本地存储 ( 简介 | 安装 shared_preferences 插件 | 使用 shared_preferences 流程 )
【Flutter】shared_preferences 本地存储 ( 简介 | 安装 shared_preferences 插件 | 使用 shared_preferences 流程 )
456 0
【Flutter】shared_preferences 本地存储 ( 简介 | 安装 shared_preferences 插件 | 使用 shared_preferences 流程 )
|
Oracle 关系型数据库
Oracle自带adrci工具清理告警日志
Oracle自带adrci工具清理告警日志
690 0
Oracle自带adrci工具清理告警日志
|
9月前
|
存储 NoSQL 分布式数据库
大数据存储技术(4)—— NoSQL数据库
大数据存储技术(4)—— NoSQL数据库
1076 1
|
关系型数据库 MySQL Java
Mysql 报错:Caused by: com.mysql.cj.exceptions.CJCommunicationsException: Communications link failure
Mysql 报错:Caused by: com.mysql.cj.exceptions.CJCommunicationsException: Communications link failure
530 0
|
6月前
|
存储 监控 数据可视化
在Linux中,如何查看系统日志?
在Linux中,如何查看系统日志?
|
8月前
|
存储 ice 索引
经验大分享:PJSUA2开发文档
经验大分享:PJSUA2开发文档
123 0

热门文章

最新文章