Question

我昨晚遇到了以下脚本，将文件拖放到Google云端硬盘文件夹中效果非常好，但是我注意到上传文件后没有明确的方法可以回到应用的首页。

https://script.google.com/macros/d/1URDuve8yT1EpDj_WKLHPAuiVt1LWDdUN2kzH-ERUnuxVQqXbi-9I9EfU/edit?usp=drive_web

我意识到这可以通过刷新页面来实现，但我的最终用户是那些不太懂电脑的人，我想添加一个刷新表单的按钮，使它更容易上手。不幸的是，我不知道该怎么做。

有人可以帮帮我吗？

Answer 1

表单有id =＆＃34; myForm＆＃34;并且状态显示在id =＆＃34;输出＆＃34;的div上。

要显示表单集，显示样式属性为block。你可以用

之类的东西来做这件事

document.getElementById('myForm').style.display = 'block';

要清除状态，只需添加类似

的内容即可

document.getElementById('output').innerHTML = '';

示例：

以下示例使用HTML / CSS和纯JavaScript来说明如何重置页面＆＃34;在Google Apps脚本上

＆＃13;

//Initializes the html elements as they are shown after a file is uploaded
document.getElementById('myForm').style.display = 'none';
document.getElementById('output').innerHTML = "File uploaded successfully.";

function resetPage() {
  document.getElementById('myForm').style.display = 'block';
  document.getElementById('output').innerHTML = '';
}

＆＃13;

input { 
 display:block; margin: 20px; 
}

＆＃13;

<form id="myForm">
  <input type="text" placeholder="Input 1">
  <input type="text" placeholder="Input 2">
</form>
<div id="output"></div>
<input type="button" onClick="resetPage();" value="Reset">

＆＃13;

Answer 2

成功上传文件后，将调用此函数：

function fileUploaded(status) {
    document.getElementById('myForm').style.display = 'none';
    document.getElementById('output').innerHTML = status;
}

正如我们所看到的，这个函数隐藏了表单并将状态放在输出div中，所以如果我们不隐藏表单并且只更新输出中的状态[或者你可以在成功时弹出/提醒？]我认为你的目的将会得到解决。

这样的事情应该有效[也许你需要设置你的html样式]：

function fileUploaded(status) {
    document.getElementById('output').innerHTML = status;
}

你可以在自己的网页[web app]中添加带有href的按钮，这是一种简单的刷新方法。

将刷新按钮添加到Google Scripts Web App

2 个答案: