javascript - 在按钮上调用函数单击 Jade

Question

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

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

extends layout

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

但是，当我点击按钮时，出现错误:

clickme is not defined at HTMLButtonElement.onclick

我也试过:

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

谁能帮帮我？

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

Answer 1

您需要将脚本包含在您的 block 内容中:

extends layout

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

如果你想在你的 head 中使用脚本，那么你需要在 layout.pug 中为它创建另一个 block :

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