为什么这个JSFiddle不起作用？

Question

3

我写了一个简单的函数：

function clickedMe() {
  alert(this + " : " + this.tagName + " : " + this.id);
}

我正在点击按钮元素上的事件来调用它。

<button onclick="clickedMe()">button</button>

这在我本地创建独立的HTML页面时能正常工作。但是在JSFiddle上似乎无法工作。这是链接：http://jsfiddle.net/Mahesha999/fACce/。出了什么问题？

- Mahesha999

控制台返回 ReferenceError: clickedMe未定义 顺便说一下。 - Sliq

1

顺便说一句，类似的内容在这里。 - Sliq

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Po-Ying Chen · Accepted Answer

2

选择 no wrap - in <head>/<body>。

它不起作用是因为 clickedMe 不在全局范围内。

enter image description here

- Po-Ying Chen

有趣的是，似乎这个JSFiddle不支持“无包装”，但需要“加载时”：jsfiddle.net/Mahesha999/fACce/3。现在，如果我想在同一个JSFiddle中同时使用两者呢？ - Mahesha999

当我们使用addEventLisenter时，必须等待页面加载完成，因为在DOM准备就绪之前，document.getElementById无法获取元素。http://jsfiddle.net/fACce/5/ - Po-Ying Chen

是的，我意识到了，但如果我想在同一个JSFiddle中同时拥有原始问题中的一个按钮和上面评论中的一个按钮怎么办？通过在HTML <script>标签中显式包含clickme()可以实现这一点JSFiddle。虽然不想在HTML中使用JS。 - Mahesha999