Javascript 具有链接的导航栏，单击时可滚动到特定元素 var head={{head | safe}}； 用于（让输入头部）{ var str=“”； document.getElementById（'nav'）.innerHTML+=str； } 函数MyFunction（键）{ console.log（键） var vv=document.getElementById（键）； vv.scrollIntoView（） vv.scrollIntoView（）； }

基本上，我试图制作一个导航栏，当用户点击时，它会将用户导航到给定的div元素，因此，如果按键通过传递函数来匹配div和link，那么它会滚动到特定的div元素

---

我得到的错误是未捕获的SyntaxError:missing）在参数列表之后

您的代码片段似乎包含服务器端模板（

{{head | safe}}

）

您所要求的内容只能使用HTML来完成。 因此，如果您使用服务器端模板，您可以这样渲染它。 但关键是，即使在浏览器中使用Javascript呈现，也不需要使用

scrollIntoView（）

。如果您有

入口1
入口2
入口3

什么是

var-head={{head | safe}应该做什么？它将python字典转换为json对象如果解决了您的问题，请考虑接受答案；）
<ul id='nav'>
<script>
var head={{ head | safe }};
for(let key in head){
var str="<li><a id='1' href='#' onclick='MyFunction(" + key +");'>"+ key +" 
</a></li>"; 
document.getElementById('nav').innerHTML += str;
}
</script>
</ul>
<script>
function MyFunction(key){
console.log(key)
var vv=document.getElementById(key);
vv.scrollIntoView()
vv.scrollIntoView();
}
</script>