最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js中console用法详解介绍(非常实用)
时间:2016-08-20 编辑:简简单单 来源:一聚教程网
一、显示信息的命令
Firebug内置一个console对象,提供5种方法,用来显示信息。
最简单的方法是console.log(),可以用来取代alert()或document.write()。比如,在网页脚本中使用console.log("Hello World"),加载时控制台就会自动显示如下内容。
代码如下 | 复制代码 |
console.info("这是info");
console.debug("这是debug");
console.warn("这是warn");
console.error("这是error");
|
代码如下 | 复制代码 |
console.log("%d年%d月%d日",2011,3,26);
console.log("圆周率是%f",3.1415926);
|
代码如下 | 复制代码 |
var dog = {} ;
dog.name = "大毛" ;
dog.color = "黄色";
|
代码如下 | 复制代码 |
console.log("%o",dog);
|
代码如下 | 复制代码 |
console.group("第一组信息");
console.log("第一组第一条");
console.log("第一组第二条");
console.groupEnd();
console.group("第二组信息");
console.log("第二组第一条");
console.log("第二组第二条");
console.groupEnd();
|
代码如下 | 复制代码 |
dog.bark = function(){alert("汪汪汪");};
|
代码如下 | 复制代码 |
console.dir(dog);
|
代码如下 | 复制代码 |
var table = document.getElementById("table1");
|
代码如下 | 复制代码 |
console.dirxml(table);
|
代码如下 | 复制代码 |
var result = 0;
console.assert( result );
var year = 2000;
console.assert(year == 2011 );
|
代码如下 | 复制代码 |
function add(a,b){
return a+b;
}
|
代码如下 | 复制代码 |
function add(a,b){
console.trace();
return a+b;
}
|
代码如下 | 复制代码 |
var x = add3(1,1);
function add3(a,b){return add2(a,b);}
function add2(a,b){return add1(a,b);}
function add1(a,b){return add(a,b);}
|
代码如下 | 复制代码 |
console.time("计时器一");
for(var i=0;i<1000;i++){
for(var j=0;j<1000;j++){}
}
console.timeEnd("计时器一");
|
代码如下 | 复制代码 |
function Foo(){
for(var i=0;i<10;i++){funcA(1000);}
funcB(10000);
}
function funcA(count){
for(var i=0;i }
function funcB(count){
for(var i=0;i }
|
代码如下 | 复制代码 |
console.profile('性能分析器一');
Foo();
console.profileEnd();
|
相关文章
- js实现音乐播放器代码展示 10-12
- js实现图片查看器代码展示 10-12
- JS中switch的四种写法介绍 10-12
- js实现新闻轮播效果教程 10-11
- JS实现简单的图片切换功能教程 10-11
- js实现下拉刷新和上拉加载解析 09-28