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

html-css016

【急】请问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在网站内部一般表现就是广告、弹窗、轮展图比较多。如果比较多，这个需要去优化一下。外部调用例如百度统计、认证体系啦这些都是外部调用

新建一个模板，在右上角点击“切换到CSS编辑模式”就可以用代码编辑了。

PS:改别人的模板，那就要先下载那模板的CSS文件。

如果是用来统计的，那在代码用这个选择为好：

#header .lc{background:url(地址) no-repeatmargin-left:-99999px}

因为这条选择器在各个页面都有，方便统计，而且用这选择器放模板用图的人极少，而最后用：margin-left:-99999px，为了隐藏。

如果你想显示在底部的话可以用：

#main{background:url(地址) no-repeat center bottom}

不太推荐用这条，因为大多数模板都会在这里插入图片的。