QWebView没有加载外部JavaScript?

时间:2015-12-09 17:04:35

标签: javascript qt qtwebkit qwebview

可以使用QWebView从html加载外部javascript文件吗?

在下面的QtProject(同一目录中的所有文件)中,直接在html内部和外部文件中都有javascript代码。我在QWebView中加载它时遗漏了外部行为(在浏览器中工作正常):

MyApp.pro

QT       += core gui webkitwidgets

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

TARGET = MyApp
TEMPLATE = app
DESTDIR = ./

SOURCES += main.cpp

HEADERS  +=

的main.cpp

#include <QApplication>
#include <QtWebKitWidgets>
#include <QFile>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    QWebView *view = new QWebView;
    view->show();

    QFile file("qt.html");

    if (!file.open(QIODevice::ReadOnly | QIODevice::Text))
        return -1;

    QString html = QTextStream(&file).readAll();
    view->setHtml(html);

    return a.exec();
}

qt.html

<html>

<head>
  <script type="text/javascript" src="qt.js">
  </script>
</head>

<body onload="hello()">

Test..


<script>
    alert("Hello World INTERNAL!");
</script>

</body>
</html> 

qt.js

function hello() {
    alert("Hello World EXTERNAL!");
}

3 个答案:

答案 0 :(得分:1)

另外1:

似乎没有从html评估javascript。换句话说,以下内容无效:

<script type="text/javascript" src="qt.js">
</script>

必须明确地完成:

QString js = readFile("qt.js");
view->page()->mainFrame()->evaluateJavaScript(js);

并且,无需在baseUrl中设置setHtml()

另外2:

使用QRC系统并在baseUrl中设置setHtml。这种方式不需要调用view->page()->mainFrame()->evaluateJavaScript();

//    QString js = readFile(":/qt.js");
//    view->page()->mainFrame()->evaluateJavaScript(js);

    QString html = readFile(":/qt.html");
    view->setHtml(html, QUrl("qrc:/"));

application.qrc

<!DOCTYPE RCC><RCC version="1.0">
<qresource>
    <file alias="qt.png">resource/qt.png</file>
    <file alias="image.html">resource/image.html</file>
    <file alias="qt.html">resource/qt.html</file>
    <file alias="qt.js">resource/qt.js</file>
</qresource>
</RCC>

答案 1 :(得分:0)

其实你可以。 你只需要在你的src开头添加file://。

file:///home/js/somejs.js

答案 2 :(得分:0)

如果要加载本地html文件,首先需要更改javascript的src属性,例如:

然后src更改为src =&#34;&#39; file:/// D:/home/myWeb/js/myjs.js'&#34;

这会奏效。 也可以给出相对路径。

相关问题