gpt4 book ai didi

javascript - 如何从 HTML 按钮调用一些 JavaScript

转载 作者:行者123 更新时间:2023-11-30 10:39:14 26 4
gpt4 key购买 nike

我是 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com