我是 JavaScript 新手。我有一个带有按钮的 HTML 文件，单击按钮时我需要调用以下 JS。知道怎么做 <input type="submit" value="Get Push Token" /> ？
请提供代码示例。
PushToken.getToken(
["getToken"] ,
function(token) {
global.token = token;
},
function(error) {
console.log("Error : \r\n"+error);
}
);
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name = "format-detection" content = "telephone=no"/>
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width;" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<title>Hello Cordova</title>
</head>
<body>
<div class="app">
<h1>Apache Cordova™</h1>
<div id="deviceready">
<p class="status pending blink">Connecting to Device</p>
<p class="status complete blink hide">Device is Ready</p>
<p>Click here to get the Token<input type="submit" value="Get Push Token" />
</div>
</div>
<script type="text/javascript" src="cordova-2.0.0.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/PushToken.js"></script>
<script type="text/javascript">
app.initialize();
</script>
</body>
</html>
最佳答案
不使用 jQuery
在一个简单的组件或应用程序中，您不希望需要整个 jQuery 库，因此最简单的方法如下:
HTML:
<input type="submit" value="Get Push Token" id="getPushToken" />
JavaScript:
document.getElementById('getPushToken').onclick=function(){
PushToken.getToken(
["getToken"] ,
function(token) {
global.token = token;
},
function(error) {
console.log("Error : \r\n"+error);
}
);
}
使用 jQuery
如果您正在构建一个复杂的应用程序，您很可能需要 jQuery 来做其他事情，在这种情况下您不妨这样做:
HTML:
<input type="submit" value="Get Push Token" id="getPushToken" />
JavaScript:
$('#getPushToken').click(function(){
PushToken.getToken(
["getToken"] ,
function(token) {
global.token = token;
},
function(error) {
console.log("Error : \r\n"+error);
}
);
});
了解发生了什么
无论哪种情况，关键点是将要执行的代码包装在一个函数中，并将其设置为该按钮的点击事件的处理程序。然后该按钮将调用该函数。
使用正确的 HTML
如果按钮不在表单中，您应该使用:
<button id="getPushToken">Get Push Token</button>
对于 html，JavaScript 将完全相同。
关于javascript - 如何从 HTML 按钮调用一些 JavaScript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12110645/