属性“onclick”可能不会出现在标签“button”中

Question

我在验证 AMP 代码时在我的代码中遇到了这个问题

属性“onclick”可能不会出现在标签“button”中

我的代码看起来像

<button class="btn btn-primary float-right" role="button" onclick="calc();">

我无法找到并回答任何相关问题。

Answer 1

如果 AMP 抱怨您使用 inline JavaScript，只需将其删除并将其添加到脚本或外部JavaScript文件中（如果您碰巧有）。只要确保给按钮一个 id，这样你就可以唯一地识别它。

代码：

<script type = "application/javascript">
   document.getElementById("button-id").onclick = calc;
</script>

笔记：

1. 请记住，使用 AMP 的主要原因是确保某些技术不会减慢您的网站速度。脚本被认为是一种这样的技术，因此通常是不允许的。请务必查看有关此问题的答案以了解更多信息。

2. 作为一般性建议，我建议您将设计与 Web 应用程序的实现部分分开，并避免JavaScript完全使用内联。