js页面加载时调用函数方法

Posted unknows

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js页面加载时调用函数方法相关的知识，希望对你有一定的参考价值。

方法一：在html的body中加入onload=""事件

<body onload=‘queryServer()‘>

</body>

　　

方法二：jquery 中：$(function(){}） //方法体里面写调用方法

<!-- 全局js -->
<script src="../js/jquery.min.js?v=2.1.4"></script>
<script type="text/javascript">
   var host = "http://127.0.0.1:8080";
　　$(function() {
   　　 queryServer();  //待调用的函数
　　});

　　<!--获取服务名称-->
    function queryServer() {
        $.ajax({
            type: "POST",
            url: host+"/tools/get-sys-app-key",
            dataType: "json",
            data: datastr,
            success: function (result) {
                var opt = "";
                var length = result.length;
                for ( i = 0; i < length; i++) {
                    var serverName = result[i][‘appName‘]; //获取服务名称
                    var serverAppId = result[i][‘appId‘];//获取服务id
                    opt = opt + "<option value=\"" + serverAppId + "\">" + serverName+"("+serverAppId+")"+ "</option>";
                }
                $("#selectServer").html("<option value=\"0\">请选择服务名称</option>"+opt);
            },
            error: function (jqXHR) {
                console.log("error:" + jqXHR.status)
            }
        });
    }
</script>

　

方法三：jquery 中：使用$().ready()

    $().ready(function(){
        queryServer();
    });

　　总结：方法二和方法三都是一个意思，两种不同的写法而已

以上是关于js页面加载时调用函数方法的主要内容，如果未能解决你的问题，请参考以下文章

怎么在页面加载时调用action中的方法

在 Vue.js2 中使用哪个生命周期钩子在页面加载时调用函数？

如何在页面加载时调用 JavaScript 函数？

使用片段导航（导航图）导航时调用目标片段的函数/方法

页面处于激活状态时调用Js方法

HTML中的javascript具体是啥时候调用？ 是等整个页面内容都加载完毕时调用吗