調用按鈕單擊 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