html中的javascript代码

我正在使用jquery和多个脚本，这些脚本需要HTML文档中的javascript才能正常工作（谢谢web 2.0）。我使用ajax发布，

$（document）。准备好运行函数和其他多个事件等。我使用Google minify帮助在HTML中运行javascript所需的外部javascript文件的加载时间。我的javascript的结构/格式也有问题

我的问题如下:


如何最小化HTML文档中的代码
是否可以从外部链接HTML文档中的javascript
即使它需要
$（document）.ready
，比如下面的示例
帮助我正确格式化的好网站或教程是什么
我的jquery/javascript很清楚这是不正确的，这有助于加载时间吗

下面是一个我运行多个脚本的页面示例（请随意设置正确的格式），以及一个我希望外部链接和正确结构的示例。我不是要求任何人为我做我的工作，只是简单地引导我走向正确的方向

<script type="text/javascript" src="lib/js/jquery.nivo.slider.js"></script>
<script type="text/javascript" src="lib/js/jquery.fancybox.js"></script>
<script type="text/javascript" src="lib/js/jquery.jcarousel.min.js"></script>

<script type="text/javascript">

    //nivo
    $(window).load(function() { 
        $('#slider').nivoSlider({ effect: 'slideInLeft', pauseTime: 5000 });
    }); 

    //fancybox
    $(document).ready(function() {
        $('.fancybox').fancybox();
        $.fancybox.open($("#welcome"), { padding : 0 });
    });

    //subscribe
    $("#footer-subscribe-show-hide").click(function () {
        $("#footer-subscribe").animate({width:'toggle'},300);
        $(this).show("#subscribe");
    });  

    //responsive
    $(function() { 
        $('.menu-mobile-drop').click(function() {
            $('.menu-mobile').toggle(); 
        });
    });
    $(".menu-wrap").click(function() { 
        $(this).find('img').toggle();
    });

    //subscriptionAjax
    $("#subscriber").submit(function(event) {
        event.preventDefault();
        $("#footer-subscribe").fadeOut();
        var values = $(this).serialize();
        $.ajax({ 
            url: "include/subscribe.php",
            type: "post",
            data: values,
            success: function(){
                $("#footer-subscribe")
                .html(
                    "<div class='subscription-success'>You're now subscribed!</div>"
                )
                .fadeIn('slow');
            },
            error: function(){
                alert("failure"); 
                $("#footer-subscribe").html('there is error while submit');
            } 
        });
    });

    //jcarousel
    function mycarousel_initCallback(carousel) {
        carousel.clip.hover(function() { 
            carousel.stopAuto();
        }, 
        function() {
            carousel.startAuto();
        });
    };
    jQuery(document).ready(function() {
        jQuery('#mycarousel').jcarousel({
            auto: 8,
            wrap: 'last',
            initCallback: mycarousel_initCallback
        });
    });

</script>


//尼沃
$（窗口）.load（函数（）{
$（'#slider'）.nivoSlider（{效果：'slideInLeft'，暂停时间：5000}）；
}); 
//幻想箱
$（文档）.ready（函数（）{
$（'.fancybox'）.fancybox（）；
$.fancybox.open（$（“#欢迎”），{padding:0}）；
});
//订阅
$（“#页脚订阅显示隐藏”）。单击（函数（）{
$（“#页脚订阅”）.animate（{width:'toggle'}，300）；
$（此）.show（“#订阅”）；
});  
//响应的
$（函数（）{
$（'.menu mobile drop'）。单击（函数（）{
$（'.menu mobile'）.toggle（）；
});
});
$（“.menu wrap”）。单击（函数（）{
$（this.find（'img'）.toggle（）；
});
//订阅ajax
$（“#订户”）.submit（函数（事件）{
event.preventDefault（）；
$（“#页脚订阅”）.fadeOut（）；
var values=$（this.serialize（）；
$.ajax（{
url:“include/subscribe.php”，
类型：“post”，
数据：价值观，
成功：函数（）{
$（“#页脚订阅”）
.html(
“你现在订阅了！”
)
.fadeIn（“慢”）；
},
错误：函数（）{
警报（“故障”）；
$（“#页脚订阅”）.html（'提交时出错'）；
} 
});
});
//jcarousel
函数mycarousel_initCallback（carousel）{
carousel.clip.hover（函数（）{
carousel.stopAuto（）；
}, 
函数（）{
旋转木马startAuto（）；
});
};
jQuery（文档）.ready（函数（）{
jQuery（“#mycarousel”）.jcarousel({
汽车:8,，
总结：'最后'，
initCallback:mycarousel_initCallback
});
});
要最小化HTML中的JavaScript，只需将所有内容从HTML中删除即可

如果需要在页面上编写脚本，应该添加
元素。没有理由直接在页面上包含任何原始javascript

如果需要选择元素，请充分利用、选择器和迭代：

$('[data-foo]').each(function () {
    var $this,
        data;
    $this = $(this);
    data = $this.data('foo');
    $this.foo(data);
});

要最小化HTML中的JavaScript，只需将所有内容从HTML中删除即可

如果需要在页面上编写脚本，应该添加
元素。没有理由直接在页面上包含任何原始javascript

如果需要选择元素，请充分利用、选择器和迭代：

$('[data-foo]').each(function () {
    var $this,
        data;
    $this = $(this);
    data = $this.data('foo');
    $this.foo(data);
});

您不必将JavaScript放入HTML页面。只需使用
标记将其包括在内

如果您真的想深入增加页面加载时间，可以使用类似压缩JS和CSS代码的方法。
您不必将JavaScript放入HTML页面。只需使用
标记将其包括在内

如果您真的想深入增加页面加载时间，可以使用类似压缩JS和CSS代码的方法

如何最小化HTML文档中的代码

内联javascript代码，例如

<script>
    $(function () {
         alert("Hello World");
    });
</script>

这将不起作用，因为在实际包含库之前，您正在从
jQuery
调用
document.ready
函数

有什么好的站点或教程可以帮助我正确格式化jquery/javascript，因为我很清楚这是不正确的，这有助于加载时间吗

我建议使用（作为Chrome/Firefox扩展提供）来分析潜在的性能问题。此扩展自动生成有用的建议（例如，脚本/样式表的加载顺序），这肯定会提高web应用程序的性能

如何最小化HTML文档中的代码

内联javascript代码，例如

<script>
    $(function () {
         alert("Hello World");
    });
</script>

这将不起作用，因为在实际包含库之前，您正在从
jQuery
调用
document.ready
函数

有什么好的站点或教程可以帮助我正确格式化jquery/javascript，因为我很清楚这是不正确的，这有助于加载时间吗

我建议使用（作为Chrome/Firefox扩展提供）来分析潜在的性能问题。此扩展自动生成有用的建议（例如脚本/样式表的加载顺序），这肯定会提高web应用程序的性能。
jQuery提供了两种强大的方法来执行代码和附加事件处理程序：$（document）.ready和$（window）.Load。当加载HTML文档且DOM就绪时，即使尚未加载所有图形，document ready事件也会执行。如果要在加载窗口之前连接某些元素的事件，则$（document）.ready是正确的位置

更多详细信息请参阅本文。


试试这个