在按钮上单击 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