前端如何解決瀏覽器兼容性問題，jQuery 項目 兼容IE ，緩存問題，等總結

不支持ES6語法

 option +=  '<p  class="actionsw" value="'+data[i].type+'"  text = "'+data[i].sourceId+'" style="font-size: 16px"><span>'+title+'</span></p>';

不支持onclick事件

   $(".actionsw").click(function () {var type= $(this).attr("value")var sourceId= $(this).attr("text");})

ajax,樹控件，緩存問題

url+"?"+“t=”+Math.random()

		$(function() {var url = $.common.isEmpty(excludeId) ? prefix + "/treeData": prefix + "/treeData/" + excludeId;var options = {url: url+"?"+"t="+Math.random(),expandLevel: 2,onClick : zOnClick};$.tree.init(options);});

js加時間戳

<script th:src="@{/js/index.js?t=' + new Date().getTime()+'}" type="text/javascript"></script>

獲取鍵盤事件的鍵盤碼的兼容問題

document.onkeydown=function(ev){var e=ev||window.event;var keyCode=e.keyCode||e.which;console.log(keyCode);
}

阻止事件的默認行為的兼容問題

<a href="javascript:void(0)" >點擊跳轉到百度</a>
<form action="javascript:void(0)" ><input type="text"><button id="link">表單里面的button</button>
</form> 

document.oncontextmenu = function( ev ){var e = ev || window.event;if(e.preventDefault){e.preventDefault();}else{e.returnValue = false;//return false也可以阻止默認事件但是適合后面沒有其他邏輯代碼，否則會終止函數執行}
} 

阻止事件冒泡的兼容問題

document.onclick = function( ev ){var e = ev || window.event;if(e.stopPropagation){e.stopPropagation();}else{e.cancelBubble = true;}
}