javascript - 侧面导航始终打开/加载时打开

Question

我知道这对你们中的一些人来说可能听起来很简单，但我是一个初学者，我正在尝试处理 JS。

无论如何，我有一个 html、css、jquery 侧边栏我想编辑，这样它就不会打开/关闭 onclick。 相反，我希望它在页面加载时打开(并保持打开状态)。 但我不知道该怎么做。我到处都看过，但找不到答案。也许我只是不知道我到底应该寻找什么。

有人，请帮忙。请让它尽可能简单，因为就像我说的，我是初学者，这对我来说仍然很困惑。 谢谢。

function openNav() {
  document.getElementById("mySidenav").style.width = "200px";
}

function closeNav() {
  document.getElementById("mySidenav").style.width = "0";
}

<div id="mySidenav" class="sidenav">
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times; </a>
  <a href="#">About</a>
  <a href="#">Services</a>
  <a href="#">Clients</a>
  <a href="#">Contact</a>
</div>

<span onclick="openNav()">open</span>

Answer 1

从您的 HTML 中删除以下行:

<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times; </a>

和

<span onclick="openNav()">open</span>

或者，如果您仍然希望显示这些内容(从用户界面的 Angular 来看这不是一个好主意)，请删除 onclick="closeNav()" 和 onclick="openNav( )”。

此外，您可能还想更改

<div id="mySidenav" class="sidenav" >

到

<div id="mySidenav" class="sidenav" style="width:200px;">