首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在页面加载时调用JavaScript函数?

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

Stack Overflow用户
提问于 2010-10-02 03:57:59
回答 4查看 1.2M关注 0票数 302

传统上,要在页面加载后调用JavaScript函数,需要在包含少量JavaScript的主体中添加onload属性(通常只调用函数)

代码语言:javascript
复制
<body onload="foo()">

加载页面后,我想运行一些JavaScript代码,用来自服务器的数据动态填充页面的各个部分。我不能使用onload属性,因为我使用的是JSP片段,它没有可以添加属性的body元素。

是否有其他方法可以在加载时调用JavaScript函数?我不想使用jQuery,因为我对它不是很熟悉。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2010-10-02 04:38:47

如果您希望onload方法接受参数,可以执行类似如下的操作:

代码语言:javascript
复制
window.onload = function() {
  yourFunction(param1, param2);
};

这将onload绑定到一个匿名函数,当调用该函数时,将使用您给它的任何参数运行您想要的函数。当然,您可以从匿名函数内部运行多个函数。

票数 474
EN

Stack Overflow用户

发布于 2017-04-03 16:49:10

代码语言:javascript
复制
<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript">
        function codeAddress() {
            alert('ok');
        }
        window.onload = codeAddress;
        </script>
    </head>
    <body>
    
    </body>
</html>

票数 9
EN

Stack Overflow用户

发布于 2014-02-26 21:59:03

您必须在加载时调用您希望调用的函数(即,加载文档/页面)。例如,您希望在加载文档或页面时加载的函数称为"yourFunction“。这可以通过在文档的load事件上调用函数来完成。有关更多详细信息,请参阅下面的代码。

尝试下面的代码:

代码语言:javascript
复制
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">

    $(document).ready(function () {
        yourFunction();
    });
    function yourFunction(){
      //some code
    }
</script>
票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3842614

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档