javascript - 如何使用 javascript 和 css 覆盖模板默认选项

Question

我使用的是基于 Bootstrap 构建的模板。它有一个侧边栏菜单，可以通过单击带有以下代码的按钮进行切换:

<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">

菜单的默认状态是展开的。我知道以下是非常简单的问题，但我对 javascript 和 css 的经验几乎为零，而且还没有找到解决方法:

如何在页面加载时调用之前代码的功能？

href="javascript:;" 到底在调用什么？它是如何工作的？

谢谢。

Answer 1

要获得更准确的答案，请提供模板链接。

How can I call the previous code's functionality upon page load?

尝试在页面加载时模拟点击链接，类似

 document.querySelector('.menu-toggler.responsive-toggler').click();

And what exactly is href="javascript:;" calling? How does it work?

显然，它从链接调用 javascript 代码，但我不得不说我以前从未使用过这种语法。在这种特殊情况下，它取消了转到另一个网页或页面中的 id 的基本 anchor 功能。