Javascript 加载文档时如何调用JS函数？

我有一个显示菜单的功能

<script type="text/javascript">
function Menu1(id){
   var menu = document.getElementById('menu_' + id).style;
   menu.display = 'block';

} 
</script>

功能菜单1（id）{
var menu=document.getElementById（'menu'+id）.style；
menu.display='block'；
} 

当你移动鼠标时，它就是呼叫

<p class="dropdown_link_active" class="active" onmouseover="javascript:Menu1('<?php echo $category['name']; ?>')" >
    <?php echo $category['name'] ?>
</p>

---

我需要在加载文档时显示菜单，但在移动鼠标时不显示菜单。Onload不起作用。

您可以使用jQuery轻松完成此操作

首先，你应该定义你的功能

function Menu1(id){
   var menu = document.getElementById('menu_' + id).style;
   menu.display = 'block';
}

然后你可以在页面加载时调用它

// this meaning as when page loading complete
$(function() {
  // write your function here and call
  Menu1(1);
})

document.addEventListener（“DOMContentLoaded”，function（）{
菜单1（“”）
});

---

这将在加载整个文档后立即调用您的函数。

控制台中有任何错误吗？加载文档后附加

onmouseover

事件？

DOMContentLoaded

事件将有帮助！或者在关闭

标记之前调用JS！

<script>
    document.addEventListener("DOMContentLoaded", function() { 
      Menu1('<?php echo $category['name']; ?>')
    });
</script>