基本概念

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中的使用（直接调用和间接调用）相关推荐

js中的4种函数调用模式：函数调用、方法调用、构造器调用、间接调用
全栈工程师开发手册 (作者:栾鹏) js系列教程4-函数.函数参数教程全解 js中的4种函数调用模式 javascript一共有4种调用模式:函数调用模式.方法调用模式.构造器调用模式和间接调用模式. ...
QML笔记-在背景图中添加NumberAnimation使得界面效果更佳（小技巧）
目录背景代码及演示要注意的问题背景最近在读官方的QML的例子,发现这个小技巧,可以带来更多的用户体验.真的很有用,在此记录下! 代码及演示先来张静态图吧: 程序运行截图如下: 这里让背景旋 ...
QML笔记(三)之QML中的几种布局
一.前言先前了解了QML的添加控件与绑定信号槽,那么控件的摆放就是一个问题,虽然可以手动去设置控件的位置,但是有些时候还是需要自动对齐啥的,这时候就需要用到布局,该篇文章先简单了解QML提供的布局方 ...
QT集成QML和JavaScript
QT 集成QML和JavaScript 集成QML和JavaScript JavaScript表达式 JavaScript资源 JavaScript导入 JavaScript主机环境精调JavaSc ...
C语言中的函数指针、函数的直接/间接调用、C# 委托(自定义委托、内置泛型委托、委托的实例化、委托的一般使用(模板方法、回调方法)、泛型委托、多播委托、同步/异步使用委托）
文章目录 C语言中的函数指针函数的直接调用与间接调用 Java中没有与委托对应的功能实体 C# 委托 C# 自定义委托类型 C# 内置泛型委托类型委托的实例化委托也支持泛型的使用委托的一般使用 ...
QML笔记：QML基本概念及使用
QML笔记:QML基本概念及使用 Qt5中的Qt Qml和Qt Quick架构 Qt Qml模块本身并没有涉及图形显示,所有的图形处理都由Qt Quick模块完成. Qt Quick 以QPA(Qt ...
QML基础——在C++程序中使用QML
本文翻译自Using QML in C++ Applications.欢迎大家编辑.修改此文章. QML API有三个主要成员--QDeclarativeEngine,QDeclarativeComp ...
[小笔记]TypeScript/JavaScript模拟Python中的Range函数
[小笔记]TypeScript/JavaScript 模拟Python中的Range函数李俊才/CSDN博客 CSDN用户名:jcLee95 邮箱:291148484@163.com 原创不易,感谢 ...
处理qml 加载到quickQwidget中没办法切换输入法的问题
处理qml 加载到quickQwidget中没办法切换输入法的问题直接上代码 class custom_widget :public QQuickWidget {public:using Suppe ...

QML笔记-JavaScript在QML中的使用（直接调用和间接调用）

基本概念

代码与实例

QML笔记-JavaScript在QML中的使用（直接调用和间接调用）相关推荐

最新文章

热门文章