Question

我有一个显示菜单的功能

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

} 
</script>

移动鼠标时调用。

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

我需要在加载文档时显示菜单，但在移动鼠标时则不需要。 Onload无效。

Answer 1

您可以使用 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);
})

Answer 2

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

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

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

2 个答案: