[英]Using Javascript in Google Apps Script
我正在尝试创建一个简单的输入输出Web应用程序,并且一直很难完成任何工作。 想法是从文本区域获取用户输入,向其中添加一些简单的html标记,然后将其输出到另一个文本区域。 这只是为了帮助一些同事简化他们的操作。
我决定制作一个独立的Google Apps Script网络应用程序,并使用HTML服务创建用户界面。 计划是在该HTML中运行Javascript。
我已经在W3schools的TryIt编辑器上测试了以下代码,并且工作正常。 当我在StackOverflow的“运行代码段”上运行它时,它甚至可以工作。 但是当我测试我的web应用程序时,它将无法运行。
救命?
<!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>
如您所见,将row属性设置为
“ 12 cols = 50 align = left id =”
因此,当您运行函数时,无法找到id =“ input”的元素,并在控制台中引发错误。
希望能有所帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.