qml与html传参

最新推荐文章于 2025-07-09 14:24:31 发布

原创最新推荐文章于 2025-07-09 14:24:31 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#qml

本文分享了在Qt QML中如何与HTML进行参数传递的心得。通过修改QML的URL地址添加参数，然后在HTML端解析URL查询字符串，将参数转化为Json对象并进行后续操作。文章提到了一个实用技巧，即如果JavaScript函数需要整数参数，需要进行类型转换。建议继续深入学习相关知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

结果往往都是很简单的，但探索的过程却是甜苦交错，废话不多说，分享心得：
5.5手机如何加载html，见我以前的文章http://blog.youkuaiyun.com/a937818496/article/details/48323225
完成这个事，我分两步
1、qml要做的事：qml只要修改下url地址，例如“file:///android_asset/BMap.html？index=1”；
2、html要做的事，把url传递的参数解析出来就完事了
//集体转换参数变成Json
var search = location.search;
if(search !== “”)
{
search = search.replace(‘?’,”);
var res = search.split(‘&’); //分割数组成多个数组
queryJSON = {};
for(var i = 0; i < res.length; i++)
{
queryJSON[res[i].split(‘=’)[0]] = res[i].split(‘=’)[1];
}
index = queryJSON.index;
}
getJSFunction(parseInt(index)); //如果写的js的方法要的int值，那就要转化一下

    //单个获取方法
    if(search !== "")                       
    {
        if(search.indexOf("index") != -1)
        {
            var indexObj  = search.split("index=");
            index = indexObj[1];
        }
        getJSFunction(parseInt(index));         
    }

tips：1、和qml关系不大，虽然我曾经想通过调用js文件在和html交互（还写了一个js的简单的单例），是我太天真
2、好好学习，天天向上