Question

我是跨平台开发的新手。我正在使用ionic framework。成功登录另一个模板后，我有一个登录页面。在新的渲染模板中，我想执行我的JavaScript代码（手动纯JavaScript代码函数）。我怎样才能做到这一点？

index.html 的内容（位于 www 目录中）：

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

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

模板（来自离子模板目录）：

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

calendar.js 的内容：

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

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

如何在加载模板时实现此目的？

Answer 1

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

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

你的JS，可以添加到模板/ your.html本身：

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

您可以调用您的settoday（）函数而不是警告。

这里有JSFiddle供您测试。