JavaScript 在 Tizen Web Widget 中不起作用

Question

我正在开发Tizen Web Widget Application 。 我的 javaScript 文件驻留在MyProject >> widget >> MyProject >> js >> main.js 。 即使我在window.onload()方法中更改元素的文本，它也不起作用。

我也试过这个问题的公认答案，但这对我也不起作用。 如果还有我遗漏的任何其他支票，请有人指导我。

Answer 1

在编写 Web Widget 时，大多数问题是由事实引起的，即它支持的功能数量有限。 该示例不支持 innerText 和 innerHTML ，您可以使用它们来“默认”从 javascript 更改 html 的内容。

要更改 HTML 元素的内容，您需要改用textContent 。 我试图以这种方式重现您的问题：

索引.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <script src="js/main.js"></script>
  <style></style>
</head>

<body>
  <div id="page">
    <div id="container" onclick="changeContent()">
      <span id="content-text">Widget</span>
    </div>
  </div>
</body>
</html>

var changed = true;
window.onload = function() {
  console.log('[window.onload]');
  var box = document.getElementById("content-text");
  box.textContent = "starting content"
};

changeContent = function() {
    var box = document.getElementById("content-text");
    console.log('changeContent: ' + box.textContent)
    box.textContent = changed ? "abcdef" : "xyz";
    changed = !changed;
};

和代码在 Tizen 模拟器上运行良好。

您可能使用了不受支持的功能。 我建议您仔细检查 Web Widget 中不支持的功能，并且不要在您的实现中使用它们。

JavaScript 在 Tizen Web Widget 中不起作用

问题描述

1 个解决方案

解决方案1
0 2020-02-13 08:35:50

JavaScript 在 Tizen Web Widget 中不起作用

问题描述

1 个解决方案

解决方案1 0 2020-02-13 08:35:50

解决方案1
0 2020-02-13 08:35:50