控制台调试笔记_js脚本调试笔记_1

console使用技巧参考：Javascript调试命令——你只会Console.log() ?

--------------------------------------------------------------------------------------------------------------------

笔记：

1.console.log(document.getElementsByClassName("section-wrapper")[1].offsetHeight);

使用console.log()输出通过js的选择器选中的元素后需要输出的内容。

此处是通过getElementByClassName()获取到一组拥有指定class属性的节点组，

[1]选取其中的第2个元素（index从0开始），

offsetHeight方法获取到该元素的高（包含"内容高+padding+边框"，参考博客：关于height、offsetheight、clientheight、scrollheight、innerheight、outerheight的区别一览）。

2.alert(document.getElementsByClassName("section-wrapper")[1].offsetHeight);

使用alert输出通过js的选择器选中的元素后需要输出的内容。

3.console.log($(document).scrollTop());

使用console.log()输出通过jQuery的选择器选中的元素后需要输出的内容。

此处输出的是：scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。

4.alert($(document).scrollTop());

使用alert输出通过jQuery的选择器选中的元素后需要输出的内容。