javascript - 使用 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 数据，但是我的 count 函数确定haystack 的长度(即 script_obj)有一个检查，如果 haystack 不是 则返回 false >array 或 object，因此它在 Safari 中失败。除了使用 document.getElementsByTagName('script') 之外，还有其他方法吗？!

Answer 1

document.getElementsByTagName() 返回 NodeList .尽管 NodeList 不是数组，但它确实具有与数组一样的长度属性。所以你不需要做任何特别的事情来计算其中的项目数量。不确定你的计数函数在做什么，但你可以这样做:

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