[集]js学习过程中的小技巧收集

1、document.location.protocol：http,https, ftp, file

2、赋值语句返回值是undefined

3、document.cookie:得到全部的cookie数据

4、 var j=0;

　　for(var i=0;i<100;i++){

　　j=j++;

　　}alert(j);  //j=0

这段代码是一个文字游戏也是js奇妙的地方

5、在fixfox下会自动把用document.getElementById得到的对象里面的‘转化为“

6、

<1>分组输出

console.group('开始分组：'); 
console.debug('This is console.debug!'); 
console.info('This is console.info!'); 
console.warn('This is console.warn!'); 
console.error('This is console.error!'); 
console.groupEnd(); 

<2>、对象的所有属性或者某个HTML Element下的所有节点

 

console.dir(document.getElementById('div1')); 
console.dirxml(document.getElementById('div1'));

 

<3>、代码的运行速度

 

function test(){ 
console.time('test'); 
for(var i=0;i<1000;i++){ 
document.getElementById('div2').innerHTML=i; 
//console.log('当前的参数是：%d',i); 
} 
console.timeEnd('test'); 
} 

<4>、其他

 

 

console..trace可帮助我们进行追踪
如果想在脚本某个位置设置断点，可以在脚本中输入“debugger”作为一行

 

 

表： 

函数	说明
console.log(object[, object, ...])	向控制台输出一个信息。可以输入多个参数，输出将已空格分隔各参数输出。 第一参数可以包含格式化文本，例如： console.log(‘这里有%d个%s',count,apple); 字符串格式： %s ：字符串。 %d, %i：数字。 %f： 浮点数。 %o -超链接对象。
console.debug(object[, object, ...])	向控制台输出一个信息，信息包含一个超链接链接到输出位置。
console.info(object[, object, ...])	向控制台输出一个带信息图标和背景颜色的信息，信息包含一个超链接链接到输出位置。
console.warn(object[, object, ...])	向控制台输出一个带警告图标和背景颜色的信息，信息包含一个超链接链接到输出位置。
console.error(object[, object, ...])	向控制台输出一个带错误图标和背景颜色的信息，信息包含一个超链接链接到输出位置。
console.assert(expression[, object, ...])	测试一个表示是否为true，如果为false，提交一个例外信息到控制台。
console.dir(object)	列出对象的所有属性。
console.dirxml(node)	列出HTML或XML Element的XML源树。
console.trace()	输出堆栈的调用入口。
console.group(object[, object, ...])	将信息分组再输出到控制台。通过console.groupEnd()结束分组。
console.groupEnd()	结束分组输出。
console.time(name)	创建一个名称为name的计时器，计算代码的执行时间，调用console.timeEnd(name)停止计时器并输出执行时间。
console.timeEnd(name)	停止名称为name的计时器并输出执行时间。
console.profile([title])	开始对脚本进行性能测试，title为测试标题。
console.profileEnd()	结束性能测试。
console.count([title])	计算代码的执行次数。titile作为输出标题。
表4

摘自：这儿