如何使用 JavaScript 调用此函数？

Question

我只是使用基本级别的 javascript。今天，我发现了以下内容，用于在新数据添加到 DIV 时向下滚动 DIV 层。我无法理解如何调用该函数。是否要使用window.onload函数来使用？或任何其他。我应该在哪里声明 DIV 名称？

代码如下。

var chatscroll = new Object();
chatscroll.Pane = 
    function(scrollContainerId)
    {
        this.bottomThreshold = 25;
        this.scrollContainerId = scrollContainerId;
    }

chatscroll.Pane.prototype.activeScroll = 
    function()
    {
        var scrollDiv = document.getElementById(this.scrollContainerId);
        var currentHeight = 0;

        if (scrollDiv.scrollHeight > 0)
            currentHeight = scrollDiv.scrollHeight;
        else 
            if (objDiv.offsetHeight > 0)
                currentHeight = scrollDiv.offsetHeight;

        if (currentHeight - scrollDiv.scrollTop - ((scrollDiv.style.pixelHeight) ? scrollDiv.style.pixelHeight : scrollDiv.offsetHeight) < this.bottomThreshold)
            scrollDiv.scrollTop = currentHeight;

        scrollDiv = null;
    }

更新1：

<script type="text/javascript">
    var chatscroll = new Object();
    var chatScrollPane = new chatscroll.Pane('div1');
    chatScrollPane.activeScroll()
    chatscroll.Pane = function (scrollContainerId) {
    this.bottomThreshold = 25;
    this.scrollContainerId = scrollContainerId;
}
    chatscroll.Pane.prototype.activeScroll = function () {
    var scrollDiv = document.getElementById(this.scrollContainerId);
    var currentHeight = 0;

    if (scrollDiv.scrollHeight > 0)
        currentHeight = scrollDiv.scrollHeight;
    else
        if (objDiv.offsetHeight > 0)
            currentHeight = scrollDiv.offsetHeight;

    if (currentHeight - scrollDiv.scrollTop - ((scrollDiv.style.pixelHeight) ? scrollDiv.style.pixelHeight : scrollDiv.offsetHeight) < this.bottomThreshold)
        scrollDiv.scrollTop = currentHeight;
    scrollDiv = null;
}
</script>

Answer 1

chatscroll.Pane 被设计用作构造函数。您可以构造这样的实例：

new chatscroll.Pane('somescrollContainerId');

如果将返回值分配给变量，则返回值将变得可重用。

var chatScrollPane = new chatscroll.Pane('somescrollContainerId');

您传入的 scrollContainerId 将是您要使用此对象的 HTML 文档中的 DIV 元素的 ID（id 属性） 。

您不需要在 window.onload 中声明它，但这肯定不会有什么坏处。构造函数所做的就是创建一个新对象，将 this 值设置为该新对象，创建并设置其中的 bottomThreshold 和 scrollContainerId 属性，然后在构造函数完成时返回这个新对象。

只需确保在文档完全解析之前永远不要调用 activeScroll 函数，因为它实际上会进入文档来检索和操作元素。