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;
}