将参数传递给 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 将 return null.

将参数传递给 Javascript 中的函数

Passing parameter to function in Javascript

javascript

js-scrollintoview