在新的谷歌网站中重定向表单

Question

我使用应用脚本创建了一个表单。在 html 文件中，我有以下内容；

<form name="Subscribe-to-Central" id="Subscribe-to-Central" action="https://script.google.com/macros/s/key/exec" method="POST" onsubmit="myFunction()">  

Inputs ..

</form>

<script>
function myFunction() {
  alert("Successfully subscribed. Please press okay to return to the home page");
  window.open("URL", "_top");
}
</script>

表单运行良好，可以将日期发送到附件，并在提交后重定向到“URL”，但问题是当我尝试将表单嵌入新的谷歌网站时，它仍然将数据发送到工作表但不再重定向，它给出以下错误“script.googleusercontent.com 拒绝连接。”

PS：请注意，我只在新的谷歌网站上遇到这个问题。我尝试在经典的谷歌网站中嵌入相同的脚本，效果很好

Answer 1

答案：

很遗憾，由于与经典网站相比，新网站的工作方式发生了变化，因此无法再在新网站中完成重定向。

更多信息：

正如您在控制台中看到的，当您尝试从 JavaScript 导航顶级窗口时会收到以下错误：

不安全的 JavaScript 尝试从 URL 为 https://<id>.script.googleusercontent.com/userCodeAppPanel 的框架启动对来源为 https://sites.google.com 的框架的导航。顶层窗口尝试导航的框架是沙盒的，但allow-top-navigation或allow-top-navigation-by-user-activation的标志没有设置。

和：

拒绝在框架中显示<URL>，因为它将X-Frame-Options 设置为sameorigin。

可以使用HtmlService 的.setXFrameOptionsMode() 方法和XFrameOptionsMode 枚举器为嵌入式Google Apps 脚本页面设置X-Frame-Options，如下所示：

function doGet(e) {
  return HtmlService.createHtmlOutputFromFile('index')
                    .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
}

不幸的是，沙盒需要 allow-top-navegation 或 allow-top-navegation-by-user 标志才能从沙盒重定向。根据 hte 文档，HtmlService 提供的唯一沙盒模式是以下 Enmerators：

• IFRAME：使用 iframe 沙盒而不是 EMULATED 和 NATIVE 模式使用的 Caja 沙盒技术的沙盒模式。自 2015 年 11 月 12 日起，新脚本和自 2016 年 7 月 6 日起的所有脚本都默认使用此模式。

• NATIVE：建立在 ECMAScript 5 严格模式之上的沙盒模式。建立在 ECMAScript 5 严格模式之上的沙盒模式。此模式已于 2016 年 7 月 6 日停用。所有脚本现在都使用 IFRAME 模式。

• EMULATED：一种遗留沙盒模式，仅使用 ECMAScript 3 中可用的功能来模拟 ECMAScript 5 严格模式。此模式是 2014 年 2 月之前的默认模式。实际上已弃用，所有尝试使用 EMULATED 的脚本现在都将使用 @改为 987654350@。

也无法在新站点界面中设置沙盒嵌入的标志，因此也无法从站点端添加所需的导航允许标志。

你可以做什么：

只要您使用的是新网站，这里就没有什么可以做的。但是，正如您已经指出的那样，如果这是一个合适的解决方法，经典站点确实允许这样做。

参考资料：

• Same-origin policy - MDN web docs
• The Document Object Model (DOM) - MDN web docs
• Google Apps Script - Class HtmlOutput
• Method HtmlOutput.setXFrameOptionsMode(mode)
• Enum XFrameOptionsMode
• Method HtmlOutput.setSandboxMode(mode)
• Enum SandboxMode

Answer 2

solution

要解决此问题，您必须设置 HTML 页面的目标 如果您要动态设置页面链接，请确保使用域名。 详情请查看附图