Jade没有执行内联onClick Javascript

时间:2014-02-28 17:39:51

标签: javascript node.js express pug

我对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中的支持问题。

3 个答案:

答案 0 :(得分:0)

答案是......安全设置。我正在使用的IE具有禁用JavaScript的高安全性设置。

答案 1 :(得分:0)

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

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

答案 2 :(得分:-1)

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

您是否在Jade中尝试了button(type="submit", onClick="alert('Adam!!')"),这应该呈现给<button onclick="javascript:alert('Adam!!')" type="submit"></button>

您可能还需要按钮内的 ,以便更好地看到它。