在按钮单击 Jade 上调用函数答案

【问题标题】：call a function on button click Jade在按钮单击 Jade 上调用函数
【发布时间】：2019-03-25 04:42:45
【问题描述】：

我对 Jade 和 NodeJS 很陌生。我想做一个简单的onclick函数。我在互联网上搜索了很多，但我找到的所有解决方案都不适用于我我试过了：

script.
    function clickme() {
      alert('sss')
    }

extends layout

block content
    button(onclick='clickme()')  click

但是，当我点击按钮时，我得到一个错误：

clickme 未定义在 HTMLButtonElement.onclick

我也试过了：

var clickme = function() {
      alert('sss')
    }

有人可以帮助我吗？

我还有一个问题，如何在一个额外的 javascript 文件中定义我需要的所有函数并将其包含在我的玉代码中并使用它的函数？

【问题讨论】：

【解决方案1】：

您需要在block content 中包含脚本：

extends layout

block content
  button(onclick='clickme()')  click
  script.
    function clickme() {
      alert('sss')
    }

如果您希望 head 中的脚本，那么您需要在您的 layout.pug 中为该脚本创建另一个块：

doctype html
html
  head
    meta(charset="utf-8")
    block head
  body
    block content

那么你可以这样做：

extends layout

block head
  script.
    function clickme() {
      alert('sss')
    }

block content
  button(onclick='clickme()')  click

【讨论】：