附加js到一個html按鈕

-2

我想附加這個腳本到一個HTML按鈕，但似乎無法讓我的頭在附近。附加js到一個html按鈕

的Javascript：

var $ = function (id) { 
     return document.getElementById(id); 
     if (getElementById(button));  
     var sumOfNumbers = 0; 
     var numberOfLoops = 20; 
     var counter = 1; 
     while (counter <= numberOfLoops){ 
      alert(sumOfNumbers); 
      sumOfNumbers += counter; 
      counter++; 
     } 
}

HTML：

<p><input type="button" id="button" value="Loop"/></p>

來源

2014-03-05 anich

怎麼了第一行的回報？ –

你回來的第一行？ – adeneo

將腳本附加到按鈕意味着什麼？你是在談論如何使用它與點擊事件或類似的東西？ –

你爲什麼不只是添加事件偵聽器的按鈕？

見DEMO

var button = document.getElementById('button'); 

if (button.addEventListener){ 
    button.addEventListener('click', function() { $(); });  
} else if (button.attachEvent){ // IE < 9 :(
    button.attachEvent('onclick', function() { $(); }); 
} 

var $ = function() { 
     var sumOfNumbers = 0; 
     var numberOfLoops = 20; 
     var counter = 1; 
     while (counter <= numberOfLoops){ 
      alert(sumOfNumbers); 
      sumOfNumbers += counter; 
      counter++; 
     } 
}

另外，如果您有螢火蟲或Chrome開發者控制檯，交換alert()呼叫與電話console.log()。警報可能令人討厭，特別是如果它們背對背顯示;連續。

本地文件示例：

<html> 
    <head> 
     <script type="text/javascript"> 
     var ready = function() { 
      var button = document.getElementById('button'); 

      if (button.addEventListener){ 
       button.addEventListener('click', function() { $(); });  
      } else if (button.attachEvent){ // IE < 9 :(
       button.attachEvent('onclick', function() { $(); }); 
      } 

      var $ = function() { 
       var sumOfNumbers = 0; 
       var numberOfLoops = 20; 
       var counter = 1; 
       while (counter <= numberOfLoops){ 
        alert(sumOfNumbers); 
        sumOfNumbers += counter; 
        counter++; 
       } 
      } 
     } 
     </script> 
    </head> 
    <body onLoad="ready()"> 
     <p><input type="button" id="button" value="Loop" /></p> 
    </body> 
</html>

來源

2014-03-05 22:38:44

這在jsfiddle中可用，但不適用於我的aptana。 – anich

將代碼放在'document.onLoad'函數中。看起來按鈕沒有準備好：'var button = document.getElementById（'button'）;' –

感謝幫助隊友，似乎解決了這個問題。 – anich

附加js到一個html按鈕

回答

相關問題