HTML中JavaScript调用方法

我在写web页面的时候，经常用js实现某些功能，我用的方法有两种：

1、点击调用JavaScript:

<button onclick="loadXMLDoc()">button</button>
<script>
    $(document).click(function () {
        loadXMLDoc();
    });
    function loadXMLDoc() {
        // 写实现功能的方法
    }
</script>

2、直接调用JavaScript:

<script type="text/javascript">
    // 加载页面
    $(document).ready(function () {
        loadXMLDoc();
    });
    // 加载方法
    function loadXMLDoc() {
       // 实现方法
      ......
    }
</script>

-------------------------------

职场小白请各位大神指教，谢谢！！！！！