jsFiddle onload和no-wrap in body

Question

我试图让自己开始使用jsFiddle.所以我尝试运行一个简单的代码片段,其中包含所有HTML,CSS和JavaScript代码.

Javascript不起作用如果我在Frameworks&Extensions下拉列表中选择onLoad

但是当我从下拉菜单中选择No Wrap-in时它确实有效

你能告诉我这是什么意思吗？我已经阅读过关于未在jsfiddle.net上运行的 SO JavaScript的这个问题

但无法理解那里提到的解决方案.

Answer 1

当您选择onLoad时,您的JavaScript将包含onload函数.这意味着您的代码将在页面加载完成后运行,但在全局范围内不再可用.看起来像这样

window.onload=function(){
   function myFunction() {
       alert("Hello");
   }
}

解决方法可能是将变量分配给window对象,以便可以在页面的任何位置访问它们.

例如:

function myFunction() {
    alert("Hello");
}
window.myFunction = myFunction;

和

<button onclick="window.myFunction()" >Hi</button>