如何在JavaScript中加载页面后显示div？

嗨，我有一个LaravelBlade模板，我在其中构建了一个搜索功能，我想在页面重新加载后，当我提交表单时加载一个div。否则，当页面加载结果时，结果不会显示。我希望Javascript在页面上执行（隐藏div），然后当页面刷新时，div必须可见

我的HTML表格是：

<form action="" class="search-form" method="GET" onsubmit="showDiv();">
    <input type="text" name="location" placeholder="Search" required>
    <button class="search-btn" type="submit"><i class="flaticon-026-search"></i></button>
  </form>

---

Write window.onload=showDiv；如果同一页面上只有一个submit按钮，您可以像下面这样使用它（未测试，请尝试建议）

@if（请求：：isMethod（'post'））
@foreach（$locations作为$location）
@foreach（$location->landmark作为$landmark）
{{$landmark->name}

@endforeach
@endforeach
@恩迪夫

---

PS：尝试在页面或Javascript中识别ispostback事件哪个更可取。

可能重复No不，我希望Javascript在页面上执行，然后，当页面刷新时，div必须变为可见。您可以在第一次页面加载时在

localStorage

中设置一个变量，然后验证该变量是否存在于进一步的页面加载中，并根据该变量显示/隐藏您的div。此外，您还可以使用cookie。这是您的选择。您是否尝试在

$locations

有值时显示div，并在

$locations

为空时隐藏它？在搜索框中键入位置并检索地标。但是当我打开页面时，地标的结果已经显示出来了，所以当我键入位置时，它只是将搜索结果最小化到那些具有链接位置的搜索结果。我不想在我第一次加载页面时查看div，只有在我输入位置值并单击“submit'@ab_abdiv.style.display=”；替换为div.style.display='block'；不当我添加window.onload=showDiv时；在函数之前，显示div。当我添加widow.onload=函数时。。。然后，div也出现了。我不想在我进入页面时显示div，但是一旦我提交了按钮，我想在页面重新加载后显示div。如果你不想在任何加载时显示div，而只是在提交时，你必须使用php。添加

<div id="hideDiv" style="display:none">
  @foreach($locations as $location)
    @foreach($location->landmark as $landmark)
       <p>{{$landmark->name}}</p>
    @endforeach
  @endforeach
</div>

function showDiv() {
   var div = document.getElementById("hideDiv");
   if (div.style.display == 'none') {
     div.style.display = '';
   }
   else {
     div.style.display = 'block';
   }
 }

@if (Request::isMethod('post'))
 <div id="hideDiv" style="display:none">
   @foreach($locations as $location)
     @foreach($location->landmark as $landmark)
       <p>{{$landmark->name}}</p>
    @endforeach
   @endforeach
 </div>
@endif