HarmonyOS 鸿蒙Next web如何直接加载HTML格式的文本数据,不通过点击

发布于 1周前 作者 vueper 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next web如何直接加载HTML格式的文本数据,不通过点击

web如何直接加载HTML格式的文本数据,不通过点击。现在测试下来直接 加在这里不行    Web({ src: _htmlStr, controller: this.controller })。

只能通过点击事件触发这个语法

this.controller.loadData(

_htmlStr,

“text/html”,

“UTF-8”

);


更多关于HarmonyOS 鸿蒙Next web如何直接加载HTML格式的文本数据,不通过点击的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复
web有loaddata方法,可以加载html文本,参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/js-apis-webview-V13

更多关于HarmonyOS 鸿蒙Next web如何直接加载HTML格式的文本数据,不通过点击的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next web中,直接加载HTML格式的文本数据而不通过点击事件,可以通过编程方式在页面加载时自动执行。以下是一个简要的方法:

  1. 使用JavaScript动态创建和插入HTML: 在页面的<script>标签中,可以通过JavaScript直接创建HTML元素并插入到DOM中。例如:

    document.addEventListener("DOMContentLoaded", function() {
        var htmlString = "<div><p>这是动态加载的HTML内容</p></div>";
        var tempDiv = document.createElement("div");
        tempDiv.innerHTML = htmlString;
        document.body.appendChild(tempDiv.firstChild);
    });
    

    这段代码在文档内容加载完成后(即DOMContentLoaded事件触发时),动态创建一个包含HTML内容的<div>元素,并将其内容插入到页面的<body>中。

  2. 通过Ajax加载HTML数据: 如果需要从服务器加载HTML数据,可以使用Ajax技术。例如,使用fetch API:

    document.addEventListener("DOMContentLoaded", function() {
        fetch('path/to/your/htmlfile.html')
            .then(response => response.text())
            .then(htmlString => {
                var tempDiv = document.createElement("div");
                tempDiv.innerHTML = htmlString;
                document.body.appendChild(tempDiv.firstChild);
            });
    });
    

    这段代码从指定路径加载HTML文件,并将其内容插入到页面中。

如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部