Javascript 函数在window.onload中

我有一个外部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>

---

您还可以在

处检查fiddle，因为控件作用域位于AnonymousOys函数内，所以您尝试执行的操作是不可能的。我看不出你需要onload事件，删除它，你的代码应该可以正常工作。

你只需要公开控件对象，是吗

var control;

window.onload = function() {

 control = {
...

否则，控件的作用域是window.onload，外部的任何东西都看不到它

---

顺便说一句，不确定fiddle是否在您想要的位置。

将控制变量保持在外部，只需在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

---

在JSFIDLE中，看起来您正在尝试使用jQuery。试试$document.loadfunction{//your stuff here}@jrthib JSFIDLE包含有效的javascript，不需要JQUERI，我想在按下时调用下一个函数button@stackErr啊，对不起，我看到了美元符号，马上去了jQuery。是的，第二次通过后，它看起来像是有效的javascript。这是你想要的吗：我试图删除onload，但后来整个过程停止了。。关于这件事，我还有一个问题，如果你能帮我解决的话..它不在主要话题之内。。。。我使用的图片相当大。我已经调整到100%，它适合页面。但是，当我试图将其高度调整到100%时，它不起作用……我必须在上下文中查看代码，才能知道您正在尝试做什么。通常，您会将图像重新绘制到正确的尺寸。是否有一个div捕捉图像？这是你住的地方吗？它看起来可能是复活节彩蛋文本中的一个教程。是的，它的div->section捕获图像。但是除了调整图像大小或重新切割图像之外，还有其他方法吗。就像我对宽度所做的一样。或者干脆别管它了。但是，感谢againIt，如果没有更多的站点和这些元素的css，就很难说了。您可能有一个硬高度的div，不允许显示整个图像，在这种情况下，如果您希望显示整个图像，则必须编辑该div的样式。但是，再一次，抽象地讲可能太难了。