调用按钮单击 Jade 上的函数

Question

我对 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 文件中定义我需要的所有函数并将其包含在我的 jade 代码中并使用它的函数？

Answer 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