页面加载后运行多个脚本

Run Multiple Scripts after Page Loads

本文关键字：脚本 运行 加载      更新时间：2023-09-26

我有以下java脚本：

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

和：

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

我想将第一个脚本合并到第二个脚本的onload函数中。这样两个脚本都会在页面加载后运行。

这将在加载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';
});

或.ready((的短手

$(function() {
            $('#HomeSlideShow ul.images').jSlideshow({
                auto: true,
                delay: 15,
                indicators: '#HomeSlideShow ul.indicators'
            });
            document.getElementById('Features').style.visibility = 'Visible';
});

<script type="text/javascript">
    $(function() {
        $('#HomeSlideShow ul.images').jSlideshow({
            auto: true,
            delay: 15,
            indicators: '#HomeSlideShow ul.indicators'
        });
        $('#Features').css({ visibility: 'Visible' });
    });
</script>

使用jQuery可以添加任意多的内容以在页面加载时运行。它可以像这样简单地完成：

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


<script type="text/javascript">
    $(function() {
        $('#Features').css({ visibility: 'Visible' });
    });
</script>
相关文章：