function window.onload

Question

我有一個外部js文件，其中包含頂部的window.onload。當我單擊單獨的HTML文件中的按鈕時，我想在window.onload內調用control.next()函數。

window.onload = function() { 

control = { 

    margin: function(n) { 
     sliderContent.style.marginLeft = '-' + n + '00%'; 
    }, 

    prev: function() { 
     (n === 0) ? n = (slideCount - 1) : n--; 
     control.margin(n); 
    }, 

    next: function() { 
     alert("next"); 
     (n < slideCount - 1) ? n++ : n = 0; 
     control.margin(n); 
    }, 

    slide: function() { 
     move = setInterval(function(){ 
      (n < slideCount - 1) ? n++ : n = 0; 
      control.margin(n); 
     }, 4000) 
    } 
} 

} 

按鈕的代碼是：

<button class="xy" onclick="">next</button> 

您也可以在http://jsfiddle.net/gLPhr/2/

Answer 1

檢查撥弄你所要做的是不可能的，因爲control適適用範圍是anonymouys函數內。我沒有看到你需要onload事件，刪除它，你的代碼應該正常工作。

Answer 2

你只需要暴露控制對象，是嗎？

var control; 

window.onload = function() { 

control = { 
... 

否則，control作用範圍是window.onload，並沒有什麼外面可以看到它。

順便說一句，不知道小提琴是你想要的地方。

Answer 3

將控制變量保持在外部，只需在onload處理程序中調用所需的方法。

功控制= {

margin: function(n) { 
    sliderContent.style.marginLeft = '-' + n + '00%'; 
}, 

prev: function() { 
    (n === 0) ? n = (slideCount - 1) : n--; 
    control.margin(n); 
}, 

next: function() { 
    alert("next"); 
    (n < slideCount - 1) ? n++ : n = 0; 
    control.margin(n); 
}, 

slide: function() { 
    move = setInterval(function(){ 
     (n < slideCount - 1) ? n++ : n = 0; 
     control.margin(n); 
    }, 4000) 
} 

}

的window.onload = control.next