簡體   English   中英

為什么這個簡單的 JSFiddle 不起作用?

[英]Why does this simple JSFiddle not work?

我想將一些代碼放入 JSFiddle。 它沒有用。 縮小范圍,我什至無法讓這個最簡單的代碼工作:

JSFiddle

function displaymessage() {
  alert("Hello World!");
}
<form>
  <input type="button" value="Click me!" onclick="displaymessage()" />
</form>

<p>By pressing the button above, a function will be called. The function will alert a message.</p>

JSFiddle 中不顯示alert框。

Select No wrap - bottom of <head>

上面提到的下拉菜單的截圖

您需要將function 從 onLoad/onReady 中取出,否則它會放在另一個 scope 內,您的按鈕無法訪問 function。 在您的情況下,您需要使用 No wrap (head)

生成的代碼如下所示:

Ext.onReady(function() {
    function displaymessage()
    {
        alert("Hello World!");
    }
});

更改代碼以運行“no wrap (head)”而不是“onDomReady”。 您的 function 對您的標記不可見。

也許你們中的一些人需要將 function 移出document.ready如果您使用 html onclick="func()"

$(document).ready(function() {
  ...
}

function func(){
  ...
}

如果仍有問題,請檢查是否有

  1. AdBlockers 作為瀏覽器擴展安裝? (即 AdBlocker Plus)

在此處輸入圖像描述

  1. 在 JSFiddle 中關閉 AdBlockers 並再次運行。

我希望這可以幫助別人。

謝謝。

抱歉,但是...比您建議的要簡單得多...

如果你想調用一個帶有“onclick”屬性的js function,把你的javascrit代碼直接放在head里,你不需要domready或類似的。

其次,您需要在 function 名稱之前包含“javascript:”。

見: http://jsfiddle.net/XNJxT/1838/

<input type="button" value="Click me!" onclick="javascript:displaymessage()" />

我的問題是當我制作我的腳本標簽時,我輸入了它:

script type="javascript/text"

代替:

script type="text/javascript"

現在它可以工作了。

http://jsfiddle.net/praveen_prasad/XNJxT/14/

無論你寫什么,Js fiddle 這樣的東西

window.addEvent('load',function(){

//Your code


});

在此處輸入圖像描述

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM