传统上,要在页面加载后调用JavaScript函数,您需要向包含一些JavaScript的主体添加一个onload属性(通常只调用函数)。

<body onload="foo()">

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

是否有其他方法调用JavaScript函数加载?我宁愿不使用jQuery,因为我不是很熟悉它。


当前回答

你必须在加载(即加载文档/页面)时调用你想要被调用的函数。 例如,当文档或页面加载时,要加载的函数称为“yourFunction”。这可以通过调用文档的加载事件函数来实现。请参阅下面的代码了解更多详细信息。

试试下面的代码:

<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>

其他回答

另一种方法是使用事件监听器,下面是你如何使用它们:

document.addEventListener("DOMContentLoaded", function() {
  your_function(...);
});

解释:

这意味着当文档的DOM对象完全加载并被JavaScript看到时。也可以是"click", "focus"…

function()匿名函数,当事件发生时将被调用。

function yourfunction() { /* do stuff on page load */ }

window.onload = yourfunction;

或者使用jQuery,如果你想:

$(function(){
   yourfunction();
});

如果你想在页面加载中调用多个函数,请查看这篇文章以获得更多信息:

使用多个JavaScript Onload函数

这里有一个技巧(适用于任何地方):

r(function(){
alert('DOM Ready!');
});
function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}

你必须在加载(即加载文档/页面)时调用你想要被调用的函数。 例如,当文档或页面加载时,要加载的函数称为“yourFunction”。这可以通过调用文档的加载事件函数来实现。请参阅下面的代码了解更多详细信息。

试试下面的代码:

<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>

<!DOCTYPE html > < html > < >头 <标题>测试< /名称> <meta http-equiv=" content - type " content="text/html;utf - 8字符集= " / > < script type = " text / javascript " > 函数codeAddress() { alert('好的'); } 窗口。onload = codeAddress; > < /脚本 < / >头 身体< > < /身体> < / html >