页面加载后运行多个脚本

Rea*_*idy 0 javascript asp.net

我有以下javascripts:

<script type="text/javascript">
        $('#HomeSlideShow ul.images').jSlideshow({
            auto: true,
            delay: 15,
            indicators: '#HomeSlideShow ul.indicators'
        });
</script>
Run Code Online (Sandbox Code Playgroud)

和:

<script type="text/javascript">window.onload = function () {
document.getElementById('Features').style.visibility = 'Visible';
};</script>
Run Code Online (Sandbox Code Playgroud)

我想将第一个脚本组合到第二个脚本的onload函数中.这样,一旦页面加载,两个脚本都会运行.

Chr*_*all 5

这将在加载DOM后运行.http://api.jquery.com/ready/

$(document).ready(function() {

        $('#HomeSlideShow ul.images').jSlideshow({
            auto: true,
            delay: 15,
            indicators: '#HomeSlideShow ul.indicators'
        });

        document.getElementById('Features').style.visibility = 'Visible';

});
Run Code Online (Sandbox Code Playgroud)

或.ready()的简写

$(function() {

            $('#HomeSlideShow ul.images').jSlideshow({
                auto: true,
                delay: 15,
                indicators: '#HomeSlideShow ul.indicators'
            });

            document.getElementById('Features').style.visibility = 'Visible';

});
Run Code Online (Sandbox Code Playgroud)

  • @Reafidy,`document.ready`在页面初始化到达文档末尾并且所有脚本都已执行后发生.在所有外部资源(图像,视频,闪存等)完成加载后发生`window.onload`. (2认同)