HarmonyOS 鸿蒙Next web组件使用this.controller.loadData(this.data, "text/html", "UTF-8", "", "")的方式,怎么让js生效?

发布于 1周前 作者 yibo5220 来自 鸿蒙OS

HarmonyOS 鸿蒙Next web组件使用this.controller.loadData(this.data, “text/html”, “UTF-8”, “”, “”)的方式,怎么让js生效?

import { webview } from ‘@kit.ArkWeb’;

@Entry @Component struct Index2 { controller = new webview.WebviewController();

build() { Column() { Web({ src: “”, controller: this.controller, renderMode: RenderMode.SYNC_RENDER })// 加载html文本数据 .backgroundColor(Color.Orange) .layoutMode(WebLayoutMode.FIT_CONTENT) .onControllerAttached(() => { this.controller.loadData(this.data, “text/html”, “UTF-8”, “”, “”) }) }.width(‘100%’) }

data = &lt;!DOCTYPE html&gt; <span class="xml"><span class="hljs-tag"><span class="xml"><span class="hljs-tag">&lt;</span></span><span class="hljs-title"><span class="xml"><span class="hljs-tag"><span class="hljs-title">html</span></span></span></span><span class="xml"><span class="hljs-tag">&gt;</span></span></span><span class="xml"> </span><span class="hljs-tag"><span class="xml"><span class="hljs-tag">&lt;</span></span><span class="hljs-title"><span class="xml"><span class="hljs-tag"><span class="hljs-title">head</span></span></span></span><span class="xml"><span class="hljs-tag">&gt;</span></span></span><span class="xml"> </span><span class="hljs-tag"><span class="xml"><span class="hljs-tag">&lt;</span></span><span class="hljs-title"><span class="xml"><span class="hljs-tag"><span class="hljs-title">meta</span></span></span></span><span class="xml"><span class="hljs-tag"> </span></span><span class="hljs-attribute"><span class="xml"><span class="hljs-tag"><span class="hljs-attribute">charset</span></span></span></span><span class="xml"><span class="hljs-tag">=</span></span><span class="hljs-value"><span class="xml"><span class="hljs-tag"><span class="hljs-value">"UTF-8"</span></span></span></span><span class="xml"><span class="hljs-tag">&gt;</span></span></span><span class="xml"> </span><span class="hljs-tag"><span class="xml"><span class="hljs-tag">&lt;</span></span><span class="hljs-title"><span class="xml"><span class="hljs-tag"><span class="hljs-title">meta</span></span></span></span><span class="xml"><span class="hljs-tag"> </span></span><span class="hljs-attribute"><span class="xml"><span class="hljs-tag"><span class="hljs-attribute">name</span></span></span></span><span class="xml"><span class="hljs-tag">=</span></span><span class="hljs-value"><span class="xml"><span class="hljs-tag"><span class="hljs-value">"viewport"</span></span></span></span><span class="xml"><span class="hljs-tag"> </span></span><span class="hljs-attribute"><span class="xml"><span class="hljs-tag"><span class="hljs-attribute">content</span></span></span></span><span class="xml"><span class="hljs-tag">=</span></span><span class="hljs-value"><span class="xml"><span class="hljs-tag"><span class="hljs-value">"user-scalable=no; width=device-width"</span></span></span></span><span class="xml"><span class="hljs-tag">&gt;</span></span></span><span class="xml"> </span><span class="hljs-tag"><span class="xml"><span class="hljs-tag">&lt;</span></span><span class="hljs-title"><span class="xml"><span class="hljs-tag"><span class="hljs-title">link</span></span></span></span><span class="xml"><span class="hljs-tag"> </span></span><span class="hljs-attribute"><span class="xml"><span class="hljs-tag"><span class="hljs-attribute">rel</span></span></span></span><span class="xml"><span class="hljs-tag">=</span></span><span class="hljs-value"><span class="xml"><span class="hljs-tag"><span class="hljs-value">"stylesheet"</span></span></span></span><span class="xml"><span class="hljs-tag"> </span></span><span class="hljs-attribute"><span class="xml"><span class="hljs-tag"><span class="hljs-attribute">href</span></span></span></span><span class="xml"><span class="hljs-tag">=</span></span><span class="hljs-value"><span class="xml"><span class="hljs-tag"><span class="hljs-value">"resource://rawfile/webviewstyle.css"</span></span></span></span><span class="xml"><span class="hljs-tag">/&gt;</span></span></span><span class="xml"> </span><span class="hljs-tag"><span class="xml"><span class="hljs-tag">&lt;/</span></span><span class="hljs-title"><span class="xml"><span class="hljs-tag"><span class="hljs-title">head</span></span></span></span><span class="xml"><span class="hljs-tag">&gt;</span></span></span><span class="xml"> </span><span class="hljs-tag"><span class="xml"><span class="hljs-tag">&lt;</span></span><span class="hljs-title"><span class="xml"><span class="hljs-tag"><span class="hljs-title">body</span></span></span></span><span class="xml"><span class="hljs-tag">&gt;</span></span></span><span class="xml"> </span><span class="hljs-tag"><span class="xml"><span class="hljs-tag">&lt;</span></span><span class="hljs-title"><span class="xml"><span class="hljs-tag"><span class="hljs-title">p</span></span></span></span><span class="xml"><span class="hljs-tag">&gt;</span></span></span><span class="xml">测试表格</span><span class="hljs-tag"><span class="xml"><span class="hljs-tag">&lt;/</span></span><span class="hljs-title"><span class="xml"><span class="hljs-tag"><span class="hljs-title">p</span></span></span></span><span class="xml"><span class="hljs-tag">&gt;</span></span></span><span class="xml"> </span><span class="hljs-tag"><span class="xml"><span class="hljs-tag">&lt;</span></span><span class="hljs-title"><span class="xml"><span class="hljs-tag"><span class="hljs-title">p</span></span></span></span><span class="xml"><span class="hljs-tag">&gt;</span></span></span><span class="xml">1122$$0\leqslant0\geqslant0\approx0\sqrt{6}$$33</span><span class="hljs-tag"><span class="xml"><span class="hljs-tag">&lt;/</span></span><span class="hljs-title"><span class="xml"><span class="hljs-tag"><span class="hljs-title">p</span></span></span></span><span class="xml"><span class="hljs-tag">&gt;</span></span></span><span class="xml"> </span><span class="hljs-tag"><span class="xml"><span class="hljs-tag">&lt;/</span></span><span class="hljs-title"><span class="xml"><span class="hljs-tag"><span class="hljs-title">body</span></span></span></span><span class="xml"><span class="hljs-tag">&gt;</span></span></span><span class="xml"> </span><span class="hljs-tag"><span class="xml"><span class="hljs-tag">&lt;/</span></span><span class="hljs-title"><span class="xml"><span class="hljs-tag"><span class="hljs-title">html</span></span></span></span><span class="xml"><span class="hljs-tag">&gt;</span></span></span><span class="xml">; } <button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

webviewstyle.css
body {
margin: 0px;
padding: 1px;
font-size:24px;
color:#ff0000;
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

cke_6789.png

现在加载出来的css没有生效

cke_29300.png



关于HarmonyOS 鸿蒙Next web组件使用this.controller.loadData(this.data, “text/html”, “UTF-8”, “”, “”)的方式,怎么让js生效?的问题,您也可以访问:https://www.itying.com/category-93-b0.html 联系官网客服。


更多关于HarmonyOS 鸿蒙Next web组件使用this.controller.loadData(this.data, "text/html", "UTF-8", "", "")的方式,怎么让js生效?的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于HarmonyOS 鸿蒙Next web组件使用this.controller.loadData(this.data, "text/html", "UTF-8", "", "")的方式,怎么让js生效?的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


找HarmonyOS工作还需要会Flutter的哦,有需要Flutter教程的可以学学大地老师的教程,很不错,B站免费学的哦:https://www.bilibili.com/video/BV1S4411E7LY/?p=17

回到顶部