隨著互聯網技術不斷更新，JavaScript作為一種廣泛使用的編程語言，成為網頁開發中不可或缺的一部分，但不同的瀏覽器對JavaScript的兼容性不同，這給程序員帶來了很大的挑戰。

我們先來看一個例子：

var test = document.getElementById('test');
test.style.color = 'red';

這段JavaScript代碼是用來修改一個ID為test的元素的字體顏色，看起來很簡單，但在不同的瀏覽器下會有不同的運行結果。例如在Chrome或Firefox下，這段代碼是可以正常工作的，但在IE瀏覽器下會出錯，因為IE瀏覽器不支持直接修改style屬性。

為了解決這個問題，我們需要使用元素的setAttribute方法來改變樣式屬性：

var test = document.getElementById('test');
test.setAttribute('style', 'color: red');

這段代碼會在所有瀏覽器中正常工作，因為setAttribute方法在所有瀏覽器中都被支持。

除了樣式屬性的兼容問題外，還有很多常見JavaScript知識點與不同瀏覽器兼容性相關，例如事件處理、DOM操作等。有一些方法是所有瀏覽器都支持的，例如addEventListener方法，但有一些方法只是特定瀏覽器才支持的，因此程序員需要了解各種瀏覽器的兼容性問題。

下面是一個常見的JavaScript事件處理的例子：

var button = document.getElementById('button');
button.addEventListener('click', function(event){
event.preventDefault();
});

這段代碼的作用是用來阻止按鈕默認行為的，例如頁面重載或提交表單。addEventListener是一個所有現代瀏覽器都支持的方法，但如果您需要兼容IE 8及以下版本的瀏覽器，那么需要使用attachEvent方法：

var button = document.getElementById('button');
if (button.attachEvent) {
button.attachEvent('onclick', function(event) {
event = event || window.event;
event.returnValue = false;
});
} else {
button.addEventListener('click', function(event){
event.preventDefault();
});
}

在這個例子中，我們使用了IE瀏覽器所提供的attachEvent方法來添加事件處理程序；對于其他瀏覽器，我們則采用常見的addEventListener方法。這種方法能夠確保我們網頁在多個瀏覽器中都能正常工作。

總之，在編寫JavaScript代碼時，我們需要明確不同瀏覽器之間的差異性，仔細選擇使用哪些方法，以確保代碼可以在所有瀏覽器中正常工作。