目錄

?

?

基本概念

代碼與實例

---

?

基本概念

ECMA-Script ES5

? ? ? ? ? 1. ECMA-Script ES5適用于編寫QML應用程序。

? ? ? ? ? 2. 這個與在瀏覽器里面額JavaScript不同。

? ? ? ? ? 3. 沒有提供DOM相關的API

? ? ? ? ? 4. ES5提供了對內訪問類型，如Object，Array，Math

?

QML全局對象

? ? ? ? ? 1. 默認的全局對象，在任意一個qml文件都可以使用。

? ? ? ? ? 2. Qt對象，可以使用Qt.quit()

? ? ? ? ? 3. 如果要打印，可以使用print()方法

? ? ? ? ? 4. console對象統一提供打印

? ? ? ? ? 5. Translation提供了一些方法，如qsTr()，qsTranslate()，qsTrld()

? ? ? ? ? 6.XMLHttpRequest對象提供了抓取http數據包的功能

?

在QML中通過

import "utilities1.js" as Utilities1

可以在QML文件中導入JS文件

在Js文件中，可以通過Qt.include("utilities2.js")，導入其他的JavaScript文件，從而實現間接調用

?

代碼與實例

給出幾個例子，QML文件包含了utilities1.js。utilities1.js包含了utilities2.js

如何用QML去調用utilities1.js里面的函數，以及直接調用utilities2.js里面的函數

程序運行截圖如下：

代碼如下：

import QtQuick 2.9 import QtQuick.Window 2.2 import "utilities1.js" as Utilities1Window {visible: truewidth: 640height: 480title: qsTr("Hello World")Rectangle{width: 300height: 100color: "yellowgreen"anchors.centerIn: parentText {text: qsTr("hehe da")anchors.centerIn: parent}MouseArea{anchors.fill: parentonClicked: {console.log("12345")Utilities1.greeting()Utilities1.printUtilities2()Utilities1.printValue("ma", "maipi")}}} }

?

總結

以上是生活随笔為你收集整理的QML笔记-JavaScript在QML中的使用（直接调用和间接调用）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。