JS 在 Monaca (Onsen-ui) 中不起作用答案

【问题标题】：JS dose not work in Monaca (Onsen-ui)JS 在 Monaca (Onsen-ui) 中不起作用
【发布时间】：2016-01-05 05:29:46
【问题描述】：

单击按钮时，我尝试更改文本，但我想念一些东西我是使用 onsen-ui 的新手并阅读了这个问题，所以我想我的 JS 不能在移动设备上工作 >> 如果有人可以帮忙，请帮忙！！

<!doctype html>
<meta charset="utf-8">
<link rel="stylesheet" href="lib/onsen/css/onsenui.css">
<link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css">
<script src="lib/onsen/js/angular/angular.js"></script>
<script src="lib/onsen/js/onsenui.js"></script>
<script>
  ons.bootstrap();
 
</script>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
<body>
 <h1>JavaScript in Head</h1>

<p id="demo">A Paragraph.</p>

<button type="button" onclick="myFunction()">Try it</button>
    </ons-page>
  </ons-navigator>
</body>

【问题讨论】：

标签： javascript html onsen-ui monaca

【解决方案1】：

您忘记添加<ons-navigator> 和<ons-page> 标签。如果你注意到了，它们是关闭的，但从未打开过。

这里如果是固定代码：

<!doctype html>
<meta charset="utf-8">
<link rel="stylesheet" href="lib/onsen/css/onsenui.css">
<link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css">
<script src="lib/onsen/js/angular/angular.js"></script>
<script src="lib/onsen/js/onsenui.js"></script>
<script>
  ons.bootstrap();
</script>
<script>
  function myFunction() {
    document.getElementById("demo").innerHTML = "Paragraph changed.";
  }
</script>

<body>
  <ons-navigator>
    <ons-page>
      <h1>JavaScript in Head</h1>

      <p id="demo">A Paragraph.</p>

      <button type="button" onclick="myFunction()">Try it</button>
    </ons-page>
  </ons-navigator>
</body>

【讨论】：