Apps Script 返回“无效的 HTML 内容”。_程序开发

Apps Script 返回“无效的 HTML 内容”。

创始人

2024-09-11 08:31:21

0次

当使用Apps Script中的HtmlService时，有时会遇到“无效的HTML内容”错误。这通常是因为您的HTML代码中包含了不受允许的或不支持的元素或属性。以下是一些可能的解决方案和示例代码：

检查HTML代码中的元素和属性：确保您的HTML代码中只包含受支持的HTML元素和属性。有些不受支持的元素或属性可能会导致错误。例如，</code>元素在HtmlService中是不被允许的。</p> </li> <li> <p>使用<code>HtmlOutput.createHtmlOutputFromFile()</code>代替<code>HtmlService.createTemplateFromFile()</code>：有时，使用<code>HtmlService.createTemplateFromFile()</code>创建模板时会出现问题。尝试使用<code>HtmlOutput.createHtmlOutputFromFile()</code>来创建HTML输出。这将直接加载HTML文件，而无需使用模板。</p> </li> </ol> <p>示例代码：</p> <pre><code class="language-javascript">function doGet() { return HtmlService.createHtmlOutputFromFile('index.html'); } </code></pre> <ol start="3"> <li>避免使用<code><?!= ?></code>替代<code><?= ?></code>：在HtmlService中，使用<code><?!= ?></code>进行转义输出是不被支持的。如果您需要在HTML中嵌入变量，请改用<code><?= ?></code>。这将自动对变量进行转义，以避免潜在的安全问题。</li> </ol> <p>示例代码：</p> <pre><code class="language-javascript">function doGet() { var name = 'John Doe'; return HtmlService.createHtmlOutput('Hello, <?= name ?>!'); } </code></pre> <ol start="4"> <li>检查HTML中的JavaScript代码：有时，HTML中的JavaScript代码可能会导致“无效的HTML内容”错误。确保您的JavaScript代码正确且有效，没有语法错误或其他问题。</li> </ol> <p>示例代码：</p> <pre><code class="language-html"><!DOCTYPE html> <html> <head> <script> function sayHello() { console.log('Hello, world!'); } </script> </head> <body> <button onclick="sayHello()">Say Hello</button> </body> </html> </code></pre> <ol start="5"> <li>检查HTML文件的编码格式：确保您的HTML文件使用正确的编码格式（如UTF-8）。不正确的编码格式可能会导致解析错误，从而引发“无效的HTML内容”错误。</li> </ol> <p>这些是一些常见的解决方法和示例代码，可帮助您解决“无效的HTML内容”错误。请根据您的具体情况选择适合您的解决方案。</p>  </div>  <div class="mt-5">  </div> <div class="mt-5"> <p class="fc-show-prev-next"> <strong>上一篇：</strong><a href="/chengxu/28282.html">Apps Script External Stylesheet：应用脚本外部样式表</a><br> </p> <p class="fc-show-prev-next"> <strong>下一篇：</strong><a href="/chengxu/28284.html">Apps Script 和 setNumberFormat</a> </p> </div>  <div class="d-flex flex-stack mb-2 mt-10">  <h3 class="text-dark fs-5 fw-bold text-gray-800">相关内容</h3>  </div> <div class="separator separator-dashed mb-9"></div>  <div class="row g-10"> </div> </div>  </div>   <div class="col-xl-4 mt-0">  <div class="card card-flush h-md-100">  <div class="card-header pt-5 ">  <h3 class="card-title align-items-start flex-column">  <div class="d-flex align-items-center mb-2">  <span class="fs-5 fw-bold text-gray-800 ">热门资讯</span>  </div>  </h3>  </div>   <div class="card-body pt-3">  <div class="d-flex flex-stack mb-7">  <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://img.pic99.top/yulefadeduo/202506/0468fac48d62845.jpg')"></div> </div>   <div class="m-0"> <a href="/chengxu/231959.html" class="text-dark fw-bold text-hover-primary fs-6">透明总结!wpk俱乐部长期盈利...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">wpk俱乐部赢率提升策略‌；透明总结!wpk俱乐部长期盈利打法(AAPOKeR)外挂透视辅助器(辅助...</span> </div>  </div>  <div class="d-flex flex-stack mb-7">  <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://img.pic99.top/yulefadeduo/202506/1e30eb3d3732470.jpg')"></div> </div>   <div class="m-0"> <a href="/chengxu/231957.html" class="text-dark fw-bold text-hover-primary fs-6">透明新版!We辅poker助(...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">透明新版!We辅poker助(辅助挂)透视辅助机制(2020已更新)(哔哩哔哩)是一款可以让一直输的...</span> </div>  </div>  <div class="d-flex flex-stack mb-7">  <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://img.pic99.top/yulefadeduo/202506/b2694265349b.jpg')"></div> </div>   <div class="m-0"> <a href="/chengxu/231955.html" class="text-dark fw-bold text-hover-primary fs-6">3分钟实锤!大齐山东麻将有挂(...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">3分钟实锤!大齐山东麻将有挂(辅助挂)外挂透视辅助工具(2021已更新)(哔哩哔哩)1、下载好大齐山...</span> </div>  </div>  <div class="d-flex flex-stack mb-7">  <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://img.pic99.top/yulefadeduo/202506/1f0e757cc5edf4c.jpg')"></div> </div>   <div class="m-0"> <a href="/chengxu/231953.html" class="text-dark fw-bold text-hover-primary fs-6">热点推荐!眯眯扑克赢(德扑ai...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">热点推荐!眯眯扑克赢(德扑ai)外挂透视辅助神器(透视)普及教程(2020已更新)(哔哩哔哩)；眯眯...</span> </div>  </div>  <div class="d-flex flex-stack mb-7">  <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://img.pic99.top/yulefadeduo/202506/8ae71b935128e.jpeg')"></div> </div>   <div class="m-0"> <a href="/chengxu/231951.html" class="text-dark fw-bold text-hover-primary fs-6">透视科技!wpk真的有辅助吗(...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">自定义wpk系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，不管你是想分享...</span> </div>  </div>  <div class="d-flex flex-stack mb-7">  <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://img.pic99.top/yulefadeduo/202506/e1ecefda1af9f40.jpeg')"></div> </div>   <div class="m-0"> <a href="/chengxu/231949.html" class="text-dark fw-bold text-hover-primary fs-6">一分钟科普！旺旺麻将能拿好牌，...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">自定义旺旺麻将系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，不管你是想分...</span> </div>  </div>  <div class="d-flex flex-stack mb-7">  <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://img.pic99.top/yulefadeduo/202506/addf891fc102a53.jpg')"></div> </div>   <div class="m-0"> <a href="/chengxu/231947.html" class="text-dark fw-bold text-hover-primary fs-6">实测揭晓！wepoke靠谱，德...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">实测揭晓！wepoke靠谱，德扑之星模拟器反正真的有挂，AA德州教程!（有挂攻略）-哔哩哔哩;德扑之...</span> </div>  </div>  <div class="d-flex flex-stack mb-7">  <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://img.pic99.top/yulefadeduo/202506/3321725efbb106b.jpg')"></div> </div>   <div class="m-0"> <a href="/chengxu/231945.html" class="text-dark fw-bold text-hover-primary fs-6">透视数据!来玩德州app辅助工...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">自定义来玩德州app系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，不管你...</span> </div>  </div>  <div class="d-flex flex-stack mb-7">  <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://img.pic99.top/yulefadeduo/202506/cf189ddc16af782.jpg')"></div> </div>   <div class="m-0"> <a href="/chengxu/231943.html" class="text-dark fw-bold text-hover-primary fs-6">五分钟了解！喜乐跑胡子辅助神器...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">五分钟了解！喜乐跑胡子辅助神器，旺旺麻将小程序脚本，玩家教你（有挂秘诀），您好，旺旺麻将这款游戏可以...</span> </div>  </div>  <div class="d-flex flex-stack mb-7">  <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://img.pic99.top/yulefadeduo/202506/fd94a62915b4db9.jpg')"></div> </div>   <div class="m-0"> <a href="/chengxu/231941.html" class="text-dark fw-bold text-hover-primary fs-6">玩家必用！微扑克用模拟器，拱趴...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">玩家必用！微扑克用模拟器，拱趴大菠萝切牌规律原来是真的有挂，2024新版（有挂了解）-哔哩哔哩；拱趴...</span> </div>  </div> </div>  </div>  </div>  </div> </div>  </div>  </div>   <div id="kt_app_footer" class="app-footer">  <div class="app-container container-xxl d-flex flex-column flex-md-row flex-center flex-md-stack py-3">  <div class="text-dark order-2 order-md-1"> <span class="text-muted fw-semibold me-1">2025 ©</span> 鲨鱼编程<a href="http://www.shayuweb.com/">鲨鱼网</a><a href="http://jfxmm.com.shayuweb.com/">街坊资讯</a><a href="http://ypkjmy.com.shayuweb.com/">一品科技</a> </div>   <ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1"> <li class="menu-item"> <a href="/chengxu/" target="_blank" class="menu-link px-2">程序开发</a> </li> <li class="menu-item"> <a href="/keji/" target="_blank" class="menu-link px-2">科技动态</a> </li> </ul>  </div>  </div>  </div>  </div>  </div>  </div>  <div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true">  <span class="svg-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor"></rect> <path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor"></path> </svg> </span>  </div>  <script>var hostUrl = "/static/default/pc/";</script>  <script src="/static/default/pc/plugins/global/plugins.bundle.js"></script> <script src="/static/default/pc/js/scripts.bundle.js"></script>   </body>  </html>