如何在HTML页面中跳转到父页面

html页面与页面之间怎么进行跳转传值

如何在 HTML 页面内跳转而不使用 a 标签？

说实话，当我第一次接触前端开发时，我的老板曾经告诉我，“永远不要使用标签进行内部跳转”。
我现在很困惑——有更好的系统吗？后来发现确实如此，通过使用 JavaScript+事件侦听器，您可以创建比简单使用scrollIntoView 高级得多的技巧。

以我去年收到的电子邮件地址为例。
他坚持要求客户在点击导航栏中的每个类别后“慢慢滚动到相应的区域”。
因此，在使用标签时，滚动总是一个接一个地卡住。
然后我切换到事件监听器+scrollIntoView，效果立刻就不一样了。

看这个例子，onclick事件的使用非常简单粗暴。
例如，以下 HTML 框架：
  • skip1
  • skip2
  • skip2
  • skip2 scrollToElement(href) { const id = href.replace('',''); } const targetElement = document.getElementById(id); if(targetElement) { targetElement.scrollIntoView({behavior:'smooth'});这种方法适合执行速度，但是有一个致命的缺陷——改变HTML结构时需要读取onclick属性，耦合度太高。

    所以现在更推荐观众使用成果。
    像这样：
    • skip1
    • skip2
    • skip document.getElementById('nav-list').addEventListener('click', function(e) { const targetLi = e.target.closest('li'); function rollToElement(''); const targetElement = document.getElement(id); //导航栏高度 = targetElement.getBoundingClientRect(); 固定导航页面，但是如果在窗口外看到目标元素，就得手动计算了，最重要的是完全匹配前端开发理念，HTML负责行为，代码的可维护性直接提高了，现在做项目，通常不用再担心标签了。