html文档中多个script标签之间的联系

Question

<script>
var str = 'variable';
</script>
<script>
console.log(str + 'test1');
var ab = null;
var length = ab.length;
console.log(str + 'test1');
</script>
<script>
console.log(str + 'test2');
</script>谁能解释一下多个script标签的联系,从网上找的资料说是多个script是一个整体,代码也验证了这一点,但是为什么第三个标签的代码能够执行??
还有线上环境出现一个问题,代码和上面的类似,但是结果却不一样:第二个标签出现错误会导致阻塞第三个标签的执行,修复第二个标签的错误后第三个标签才能执行！！

Answer 1

<script>
var str = 'variable';
</script>
<script>
console.log(str);
var ab = null;
var length = ab.length;
console.log(str + 'test1');
</script>
<script>
console.log(str + 'test2');
</script>这样会比较清晰

Answer 2

<script>
$(function(){
    var brands = null;    
    var filter_brand_ids = [];
    var count = brands.length;
    ...........
</script>
<script>
$(function(){
        $(".img>li").hover(
        function () {
            $(this).find("div>.star").css("display","block");
            $(this).find("div>.link").css("display","block");
            $(this).addClass("hover");
        },
        function () {
            $(this).find("div>.link").css("display","none");
            $(this).removeClass("hover");
        });
});
</script>这是线上的代码,如果修复var brands = null;var count = brands.length;这个错误第二个标签的代码是起作用的,把第二个标签的代码直接在chrome控制台输入也能生效,是什么原因导致第二个标签的代码不生效啊！

Answer 3

本帖最后由 showbo 于 2013-07-12 15:38:23 编辑