跨浏览器使用getElementsByTagName获取脚本标记不一致

Question

我有以下代码：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        var script_obj = document.getElementsByTagName('script')
        alert(typeof script_obj);
    });
</script>

当我在Firefox（v21）和Chrome（v29）中运行此程序时，得到的是object ，但是在Safari（v5）中，我得到了function 。

为什么是这样？！

在脚本的其余部分中，我遍历script_obj以获取.src数据，但是确定haystack长度的count函数（即script_obj ）具有一个检查，如果该haystack不是array或object则该检查返回false ，因此在Safari中失败。 还有另一种方法可以代替使用document.getElementsByTagName('script')吗？

Answer 1

document.getElementsByTagName()返回一个NodeList 。 尽管NodeList不是Array，但它确实具有length属性，就像Array一样。 因此，您无需执行任何特殊操作即可计算其中的项目数。 不知道计数功能在做什么，但是您可以执行以下操作：

> var script_obj = document.getElementsByTagName('script');
> alert(script_obj.length); // will alert '22' or whatever