PyQt5 runJavaScript的使用

最新推荐文章于 2025-09-22 11:54:58 发布

原创最新推荐文章于 2025-09-22 11:54:58 发布 · 4.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#PyQt5 #mainFrame #WebKit #WebEngine

python 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个使用PyQt5实现的网页视图交互示例。通过创建一个包含表单的简单HTML页面，并利用PyQt5的QWebEngineView组件显示该页面。示例展示了如何通过按钮触发JavaScript函数，完成表单字段填充并获取返回值。

PyQt5 runJavaScript的使用

示例代码：

from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QPushButton
from PyQt5.QtWebEngineWidgets import QWebEnginePage, QWebEngineView

# Create an application
app = QApplication([])

# And a window
win = QWidget()
win.setWindowTitle('QWebView Interactive Demo')

# And give it a layout
layout = QVBoxLayout()
win.setLayout(layout)

# Create and fill a QWebView
view = QWebEngineView()
view.setHtml('''
  <html>
    <head>
      <title>A Demo Page</title>

      <script language="javascript">
        // Completes the full-name control and
        // shows the submit button
        function completeAndReturnName() {
          var fname = document.getElementById('fname').value;
          var lname = document.getElementById('lname').value;
          var full = fname + ' ' + lname;

          document.getElementById('fullname').value = full;
          document.getElementById('submit-btn').style.display = 'block';

          return full;
        }
      </script>
    </head>
    <body>
      <form>
        <label for="fname">First name:</label>
        <input type="text" name="fname" id="fname"></input>
        <br />
        <label for="lname">Last name:</label>
        <input type="text" name="lname" id="lname"></input>
        <br />
        <label for="fullname">Full name:</label>
        <input disabled type="text" name="fullname" id="fullname"></input>
        <br />
        <input style="display: none;" type="submit" id="submit-btn"></input>
      </form>
    </body>
  </html>
''')

# A button to call our JavaScript
button = QPushButton('Set Full Name')

# Interact with the HTML page by calling the completeAndReturnName
# function; print its return value to the console
# --------------------------------PyQt4语法----------------------------- #
# def complete_name():                                                  # 报错
#     frame = view.page().mainFrame()                                   # PyQt4中的mainFrame在PyQt5中已废弃
#     print(frame.evaluateJavaScript('completeAndReturnName();'))       #
# --------------------------------------------------------------------- #

# --------------------------------PyQt5语法-----------------------------
def js_callback(result):
    print(result)

def complete_name():
    view.page().runJavaScript('completeAndReturnName();', js_callback)  # PyQt5使用runJavaScript修正
# ---------------------------------------------------------------------

# Connect 'complete_name' to the button's 'clicked' signal
button.clicked.connect(complete_name)

# Add the QWebView and button to the layout
layout.addWidget(view)
layout.addWidget(button)

# Show the window and run the app
win.show()
app.exec_()