【急】请问dreamweaver里的HTML怎么统计所应用的标签和css的总数量

html-css025

【急】请问dreamweaver里的HTML怎么统计所应用的标签和css的总数量,第1张

你可以用JS根据标签名获取对应的标签，然后获取它们的length属性就可以了。比如，这样：

var  h4 = document.getElementsByTagName("h4").length

console.info("h4标签个数"+h4)

把这个代码放到页面最后，就知道整个页面的h4标签的个数，也就是使用次数啦。

如果你要同时获取多个标签数量，那么你就把几个标签写进一个数组里，遍历，依次输出个数。

var  tagArr = ["div","a","h4"]

for( var  i = 0  i<= tagArr.length-1  i++){

    var  tagNum = document.getElementsByTagName(tagArr[i] ).length

    console.info(tagArr[i]+"个数是"+tagNum  )

}

源文件。就是模版文件、程序加载文件。网站CSS就是一个外观。网站外观控制。这个CSS主要是要切片组合好，节省加载速度。JS在网站内部一般表现就是广告、弹窗、轮展图比较多。如果比较多，这个需要去优化一下。外部调用例如百度统计、认证体系啦这些都是外部调用

html5的画布，用JS操作算出统计数据百分比然后生成图像，这个和css没什么关系。

百度：html5 Canvas

这种东西你自己开发麻烦，就用你图中这种开发好的现成js库，看看参数说明调用就能生成..