我创建了一个简单的网络应用程序,但它不起作用。
Code.gs:
function doGet() {//I think this works
var output = HtmlService.createTemplateFromFile('index').evaluate();
output.setSandboxMode(HtmlService.SandboxMode.IFRAME);
output.setTitle('email button');
return output;
}
function getContent(filename) {//might work
Logger.log('getContent()');
return HtmlService.createTemplateFromFile('javascriptCode').getRawContent();
}
索引.html:
<!DOCTYPE html>
<html>
<body>
<form id="email_subscribe">
<input type="email" name="email" id="email" placeholder="Enter your email">
<input type="button" id="submitButton" value="Submit">
</form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" />
<?!= getContent("javascript") ?>
</body>
</html>
javascript代码.html:
<script type="text/javascript">
$(document).ready(function() {
$("#submitButton").onclick(function() {
alert('thx for submitting');
});
});
</script>
当我运行此 web 应用程序时,电子邮件和按钮字段会正确加载,并且记录器会记录“getContent()”。但是,当我单击按钮时,什么也没有发生。我究竟做错了什么?
Thanks
您的代码中的错误很少。
- 脚本标签不是自结束标签。
- 提供 https 版本的 jquery 更安全,有时提供 http 内容
将会被阻止。
- 有NOjquery 中的 onclick 事件只是click.
code.gs
function doGet() {
var output = HtmlService.createTemplateFromFile('index').evaluate();
output.setSandboxMode(HtmlService.SandboxMode.IFRAME);
output.setTitle('email button');
return output;
}
function getContent(filename) {
return HtmlService.createHtmlOutputFromFile(filename).getContent();
}
索引.html
<!DOCTYPE html>
<html>
<body>
<form id="email_subscribe">
<input type="email" name="email" id="email" placeholder="Enter your email">
<input type="button" id="submitButton" value="Submit">
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<?!= getContent("javascriptCode") ?>
</body>
</html>
javascript 代码.html
<script type="text/javascript">
$(document).ready(function() {
$("#submitButton").click(function() {
alert('thx for submitting');
});
});
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)