gpt4 book ai didi

javascript - Google Apps 脚本 HTML 服务的新功能

转载 作者:行者123 更新时间:2023-12-03 08:10:57 24 4
gpt4 key购买 nike

我刚刚开始使用 Google Apps 脚本的 HTML 服务来创建用户界面。从非常基础的开始,谷歌的文档似乎非常不完整(如果我错过了什么,请告诉我)。我按照这个例子:https://developers.google.com/apps-script/guides/html/reference/run#withUserObject(Object)并让它工作,但我不明白“this”来自哪里(在 HTML 代码中)以及操作顺序如何在那里工作。

为了解决这个问题,我正在尝试制作一些可以输入文本、按下按钮的东西,它会以全部大写形式显示相同的文本。这是我到目前为止所得到的:

Google 脚本:

function doGet() {
return HtmlService.createHtmlOutputFromFile('index')
.setSandboxMode(HtmlService.SandboxMode.IFRAME);
}

HTML:

<!DOCTYPE html>
<html>
<head>
<base target="_top">
<script>
function capitalize(input){
return input.toUpperCase();
}
</script>
</head>
<body>
Put some text here: <input type="text" name="words"><br>
<input name="button" type="button" value="CAPITALIZE" onclick="google.script.run
.withSuccessHandler(capitalize)
.withUserObject(words)"><br><br>
Here is your text:
</body>
</html>

非常感谢任何帮助!

最佳答案

.gs 的文档实际上非常好。不过,不要在进入任何语言的文档时期望对每个用例都有“完整的解释”。

仅当您想要将数据传递到服务器端 .gs 函数时才需要

google.script.run(如您链接到的页面顶部所述)。

您所要求的似乎都是客户端操作,不需要将数据传递给 .gs 函数。

尝试这些调整:

// get value of a text box and set it into html of a <span> element
function capitalize(){
document.getElementById('userInput').innerHTML =
document.getElementById("words").value.toUpperCase();
}

onclick="capitalize()"><br><br>
Here is your text:<span id="userInput"></span>

关于javascript - Google Apps 脚本 HTML 服务的新功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34148694/

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