您的位置：首页 > Web前端

非常好用的前端调试函数console.log()

2015-05-23 01:01 429 查看
使用console.log这个函数对于前端的调试非常好用，但是它的使用要依赖于浏览器，我们可以利用这个函数来测试我们的数据是数组，字符串，对象还是其它类型数据，这样极大方便了我们的调试

以下是我的测试例子

<html>
<head>
<script>
function test(){
var username = document.getElementsByName("username");
console.log(username);
var username1 = document.getElementsByName("username")[0].value;
console.log(username1);
var username2 = document.getElementsByName("username")[1].value;
console.log(username2);
var username3 = document.getElementsByName("username").value;
console.log(username3);
}

</script>
</head>
<body>
<input type="text" name="username"><br>
<input type="text" name="username">
<input type="button" onclick="test()">
<body>

</html>


然后我们用浏览器进行访问，出现如下结果



我们任意输入数据，我这里输入了 1312和1w12w，按一下键盘的F12调出浏览器开发者工具，点击按钮测试

出现如下结果



这时我们可以在控制台看到我们数据的结构，第一行是一个对象列表，就是数组，数组的每个元素是一个input

二三行则是input里的数据

第三行是我故意这样测试，这样可以看出错误

所以利用这个函数是非常方便的，便于我们分析前端的数据
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航