js常用代码记录

1、动态key得到某对象中相对应的value

js中想根据动态key得到某对象中相对应的value的方法有二： 

var key = "name1";var value = obj[key]; 
var key = "name1";var value = eval("obj."+key);

 2、javascript:history.go()和History.back()的区别及应用

<input type='button' value='刷新' onclick="window.location.reload()"> 
<input type='button' value='前进' onclick="window.history.go(1)"> 
<input type='button' value='后退' onclick="window.history.go(-1)"> 
<input type='button' value='前进' onclick="window.history.forward()"> 
<input type='button' value='后退' onclick="window.history.back()"> 
<input type='button' value='后退+刷新' onclick="window.history.go(-1);window.location.reload()"> 

3、打开新网页的方式

window.open("a.html");//只是表示新窗口打开页面，并不刷新当前页面
window.location.href="a.html";//表示在当前页面打开新页面并刷新

 4、js跳出多重循环（用break和label语句配合完成）

function foo ()
{
    outerLoop:
    for(var k = 0; k < 4; k++){
        for(var m = 0; m < 4; m++){
            if(m == 2){
                break outerLoop;
            }
        }
    }
}

 5、js原生添加和删除class

//Add Class
document.getElementById("MyElement").className += " MyClass";

//Remove Class
document.getElementById("MyElement").className = document.getElementById("MyElement").className.replace(/(?:^|s)MyClass(?!S)/,'');

 6、js阻止浏览器默认行为与事件冒泡

//阻止浏览器的默认行为 
function stopDefault( e ) { 
  var e=e||window.event;
  //阻止默认浏览器动作(W3C) 
  if ( e && e.preventDefault ) 
    e.preventDefault(); 
  //IE中阻止函数器默认动作的方式 
  else
    window.event.returnValue = false; 
  return false; 
}

function stopBubble(e) { 
var e=e||window.event;
//如果提供了事件对象，是非IE浏览器 
if ( e && e.stopPropagation ) 
  //使用W3C的stopPropagation()方法 
  e.stopPropagation(); 
else
  //使用IE的cancelBubble = true来取消事件冒泡 
  window.event.cancelBubble = true; 
}