gpt4 book ai didi

javascript - 在 Google Apps 脚本中使用 Javascript

转载 作者:行者123 更新时间:2023-12-03 04:38:26 25 4
gpt4 key购买 nike

我正在尝试创建一个简单的输入输出网络应用程序,但一直以来都很难让任何东西正常工作。这个想法是从文本区域获取用户输入,向其中添加一些简单的 html 标签,然后将其输出到另一个文本区域。这只是为了帮助一些同事简化他们的操作。

我决定制作一个独立的 Google Apps 脚本网络应用程序,并使用 HTML 服务来创建我的 UI。计划是在该 HTML 中运行 Javascript。

我已经在 W3schools 的 TryIt 编辑器上测试了以下代码,它运行良好。当我在 StackOverflow 的“运行代码片段”上运行它时,它甚至可以工作。但当我测试我的网络应用程序时它无法运行。

帮忙?

<!DOCTYPE html>
<html>
<body>
<br>
<textarea rows=12 cols= 50 align=left id="input" placeholder='Insert text here...'></textarea>
<input type="button" value="Try It" onclick="myFunction()" />
<textarea rows=12 cols= 50 align=right id="output" placeholder='Copy this text...' readonly></textarea>
</body>
<script type="text/JavaScript">
<!--
function myFunction() {
var x = document.getElementById("input").value;
document.getElementById("output").innerHTML = x;
}
-->
</script>
</html>

最佳答案

解决方案/问题很简单。您的属性值(例如 cols = 50)需要使用引号。就像这样:

cols ="50"

您修改后的代码:

<!DOCTYPE html>
<html>
<body>
<br>
<textarea rows="12" cols= "50" align="left" id="input" placeholder='Insert text here...'></textarea>
<input type="button" value="Try It" onclick="myFunction()" />
<textarea rows="12" cols= "50" align="right" id="output" placeholder='Copy this text...' readonly></textarea>
</body>
<script type="text/JavaScript">
<!--
function myFunction() {
var x = document.getElementById("input").value;
document.getElementById("output").innerHTML = x;
}
-->
</script>
</html>

这个有效而前一个无效的原因是 google HTMLservice 评估 HTML 代码的方式。它使用您的 HTML 代码评估您的文本区域,如下所示:

<textarea rows="12 cols= 50 align=left id="input" placeholder='Insert text here...'></textarea>

如您所见,将行属性设置为

"12 cols =50 align=left id="

因此,当您运行函数时,它无法找到 id =“input”的元素,并在控制台中抛出错误。

希望有帮助。

关于javascript - 在 Google Apps 脚本中使用 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43194076/

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