在 Javascript 中将参数传递给函数

Question

我想在我的代码中的某个地方调用以下内容。

scrollIntoViewElement(main-nav);

以下是函数：

// Element to scroll into view
scrollIntoViewElement(element) {
    document.getElementById('element').scrollIntoView();
}

该函数应将页面滚动到提供的元素 id 的视图中。

这是对的吗？还是应该...

// Element to scroll into view
scrollIntoViewElement(element) {
    document.getElementById("'" + element + "'").scrollIntoView();
}

Answer 1

代码scrollIntoViewElement(main-nav);的意思是"取 main 的值，减去 nav 的值，然后调用 scrollIntoViewElement 将结果作为参数传入。如果你想传入字符串main-nav，你需要引号来告诉JavaScript解析器你正在使用文字字符串：scrollIntoViewElement("main-nav");

在函数中，不使用引号，因为您希望使用参数的值，而不是文本字符串"element"。

所以：

scrollIntoViewElement("main-nav");

和

// Element to scroll into view
scrollIntoViewElement(element) {
    document.getElementById(element).scrollIntoView();
}

这假定您的文档中有一个包含id="main-nav"的元素。如果不这样做，它将引发异常，因为getElementById将返回null。