JS不适用于Monaca(Onsen ui)
JS dose not work in Monaca (Onsen-ui)
我试图在点击按钮时更改文本,但我想我错过了一些东西我刚开始使用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>
您忘记添加<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>
相关文章:
- 在选项卡中使用时,Onsen UI拉钩会抛出错误
- Onsen UI在点击时显示一个日期选择器
- Onsen UI-删除新页面上的选项卡
- 未通过滑动触发onsen ui后关闭
- onsen ui:访问ons对话框's父页中的DOM元素
- JS不适用于Monaca(Onsen ui)
- Onsen ui:ons按钮提交dos'Don’不要提交表格
- 带错误的Onsen UI导航:您不能提供no"ons页”;元素到“;ons导航器”;当返回第一页时
- Onsen UI+可排序列表(拖放)
- 使用ajax加载onsen ui内容
- 使onsen ui滑动菜单滚动到顶部
- Onsen uI:控制android后退按钮路线:
- 如何在Onsen UI (angularjs)中更新数据
- Onsen UI - 'Android 4.1事件不触发'Event工作正常
- 我如何推或更换页面内的导航器Onsen UI
- Onsen UI模态在angularjs中是不隐藏的
- 弹出窗口在angularjs的onsen UI中不起作用
- NavigatorView's的页面堆栈是空的,返回到主页Onsen UI
- 将图片设置为Onsen UI Master-Details元素
- 使用ONSEN UI + Angular上传个人资料照片