Javascript - 计算html文档的所有代码行

时间:2017-10-20 10:01:18

标签: javascript

如何统计网站上的所有代码行?我正在尝试这样的事情:

var x = document.getElementsByTagName("*");

但它没有显示当前页面的所有行(跳过脚本或其他内容?)。是否有更好的方法来计算它?

1 个答案:

答案 0 :(得分:1)

计算当前文档中根元素的innerHTML行如下:

var x = document.documentElement.innerHTML.split(/\r\n|\r|\n/).length;



var x = document.documentElement.innerHTML.split(/\r\n|\r|\n/).length

console.log(x);

<h1>This is a Header</h1>
<h2>This is a Medium Header</h2>
<p>Send me mail at <a href="mailto:me@domain.com">
support@yourcompany.com</a>.</p>
<p> This is a new paragraph!</p>
&#13;
&#13;
&#13;

请注意,它不会考虑根(<html>)标记或其外部的任何内容,例如I.E.你的<!DOCTYPE>声明。

如果您希望在<body>标记内找到相应的内容,则可以对其进行修改:

var x = document.body.innerHTML.split(/\r\n|\r|\n/).length;

Noted By T.J. Crowder:

  

请注意,这会计算浏览器中解析的DOM结构的HTML格式,而不是原始HTML,两者可能不同。例如,大多数浏览器都会用空格替换换行符(例如<span newlinehere attr="val">