Jade 不执行内联 onClick Javascript答案

【问题标题】：Jade Not Executing Inline onClick JavascriptJade 不执行内联 onClick Javascript
【发布时间】：2014-02-28 17:39:50
【问题描述】：

我对 Jade 完全陌生，并试图通过简单的内联按钮单击来引发警报。

我有 layout.jade

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
  body
    block content

然后在 index.jade 我有

extends layout

block content
  h1= title
  p Welcome to #{title}
  p Adam

  input(type="text", id="wordToChange")
  input(type="text", id="wordToChangeToo")
  button(type="submit", onClick="javascript:alert('Adam!!')")

我尝试了几种警报线的变体。想法？

生成的HTML。

<head>
    <title>Adam</title>
    <link href="/stylesheets/style.css" rel="stylesheet"></head>
    <body>

        <p>Welcome to Adam</p>
        <p>Adam</p>
        <input id="wordToChange" type="text">
            <input id="wordToChangeToo" type="text">
                <button onclick="javascript:alert('Adam!!')" type="submit"></button>

更新：显然它仅限于 IE？它在 FF 中工作并发出警报。必须是 IE 中的支持问题。

【问题讨论】：

生成的html是什么？
你怎么知道点击不起作用？顺便说一句，按钮的文本在哪里？
所以从技术上讲它正在工作......只是在构建服务器上的 IE 中......一旦我切换到 FF 它就工作......
当我使用 Internet Explorer 8.0 打开 html 文件时，我收到一条警告：“为了帮助保护您的安全，Internet Explorer 已限制此网页运行可能访问您计算机的脚本或 ActiveX 控件。单击这里有选择......”。然后我单击“允许阻止的内容...”栏，然后单击确认对话框上的“是”按钮。 html 现在可以工作了。
@bnuhero 你是对的，是 IE 中的安全设置导致了这个问题。

标签： javascript node.js express pug

【解决方案1】：

答案是……安全设置。我使用的 IE 具有禁用 JavaScript 的高级安全设置。

【讨论】：

【解决方案2】：

您可以尝试使用 HTML to Jade 转换器：http://html2jade.aaron-powell.com/

我遇到了同样的问题，转换器帮助我解决了我的问题。

【讨论】：

【解决方案3】：

您传递给onclick 的字符串本质上是eval'd。 javascript:alert('Adam!!') 不是有效的 JavaScript。

您是否在 Jade 中尝试过 button(type="submit", onClick="alert('Adam!!')")，它应该呈现为 <button onclick="javascript:alert('Adam!!')" type="submit"></button>？

您可能还希望按钮内部有一些东西，以便更好地看到它。

【讨论】：

javascript:alert('Adam!!') 是一个有效的javascript，其中第一部分是一个标签
触摸。你是绝对正确的，我发誓我用javascript: 部分测试过它，它没有工作。我显然错了。我对我的答案投了反对票，因为它不正确。是删除这里要写的东西吗？按钮内有关文本的部分可能有用，但答案的其余部分则不是。更新：我不能对自己的答案投反对票。
那里，我为你修好了：P