javascript - ionic 框架,在渲染模板后加载一个javaScript

标签 javascript html css ionic-framework hybrid-mobile-app

我是跨平台开发的新手。我正在使用 ionic framework .在成功登录另一个模板后,我有一个登录页面。在那个新呈现的模板中,我想执行我的一段 JavaScript 代码(手动纯 JavaScript 代码函数)。我怎样才能做到这一点?

index.html 的内容(在 www 目录中):

<html>
  <head>
    <script src="mysource/calendar.js"></script>
  </head>

  <body ng-app="myApp"></body>
</html>

模板(来自 ionic 模板目录):

<form>
  <input type="text" value="" readonly onfocus="settoday()">
</form>

calendar.js 的内容:

var date = new Date();
var today = date.getMonth();
function settoday(){
  return today;
}

上面的程序是我的 JavaScript 函数的示例,在登录表单模板后呈现特定模板后加载。

如何在加载模板时实现这一点?

最佳答案

您可以使用 jQuery 来实现这一点。

<input type="text" value="" id="calender" readonly />

还有你的 JS,可以添加到 template/your.html 本身:

$("#calender").click(function() {
    alert("clicked");
});

您可以调用 settoday() 函数而不是发出警报。

这是一个 JSFiddle供您测试。

非 jquery 版本:http://jsfiddle.net/6jbcvd2c/1/

关于javascript - ionic 框架,在渲染模板后加载一个javaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28579641/

相关文章:

javascript - 单击 anchor 链接使滚动回到顶部变得不可能,因为顶部消失

javascript - 为chart.js动态添加 Canvas

html - 为什么我的 CSS 动画没有播放?

html - 具有滚动中心的类似框架的行为

javascript - 获取url参数: JavaScript not working if used third bracket in the name attribute of input filed

javascript - 尝试加载第一张图像时 FlexSlider 图像失真/跳跃?

javascript - 谷歌地图 API v3。功能 showMarkers() 只是隐藏/清除新标记

html - 即使尚未按下按钮,如何显示弹出窗口?

html - 如何在 bootstrap 5 表格单元格中垂直对齐文本?

HTML/CSS 使表格全宽,同时使图像 float 在右侧