javascript - 在 AMP(加速移动页面)网站中使用自定义 vanilla javascript 的正确方法是什么

Question

我已经经历了ACCELERATED MOBILE PAGES PROJECT示例和文档。在我看来，不允许使用 JavaScript(内联和/或 src)。下面是代码片段。这是我收到的验证错误。

标记“amphtml 引擎 v0.js 脚本”中的属性“src”设置为无效值

function loads_stuff(){
          var $body = document.body,
            $menu_trigger = $body.getElementsByClassName('menu-trigger')[0];
          if (typeof $menu_trigger !== 'undefined') {
            $menu_trigger.addEventListener('click', function() {
              $body.className = ($body.className == 'menu-active') ? '' : 'menu-active';
            });
          }
    }
window.onload = loads_stuff;

我了解 AMP 只允许您使用 <script type="application/ld+json">作为内联 JavaScript，但这是针对 json 的。我真正需要的是制作一个非常简单的移动菜单，只需单击一次即可显示和隐藏一个 div。

Answer 1

amp-iframe 之外的有效 AMP 中不允许使用第三方 javascript。我推荐 amp-sidebar一个简单的汉堡菜单。