JavaScript是一款非常強大的編程語言，它可以通過操作DOM元素對網頁進行修改和操作，還可以根據瀏覽器的不同來動態加載不同的CSS樣式。這在網站的開發過程中非常有用，尤其是在不同瀏覽器之間進行兼容性調試時。

在JS中，我們可以使用DOM操作來修改網頁樣式，其中一個常用的DOM屬性就是document.styleSheets，它可以獲取當前文檔的樣式表列表。例如：

const styleSheets = document.styleSheets;
for(let i=0; i<styleSheets.length; i++){
	console.log(styleSheets[i].href);
}

上述代碼中，我們使用一個for循環來遍歷當前頁面的所有樣式表對象，并且用console.log()輸出它們的href屬性值，即樣式表的鏈接地址。

如果我們想要根據不同的瀏覽器加載不同的CSS樣式，可以根據瀏覽器的userAgent來判斷。例如：

const userAgent = navigator.userAgent.toLowerCase();
if(/msie|trident/.test(userAgent)){
	document.write('<link rel="stylesheet" href="ie.css">');
} else if(/edge/.test(userAgent)){
	document.write('<link rel="stylesheet" href="edge.css">');
} else if(/firefox/.test(userAgent)){
	document.write('<link rel="stylesheet" href="firefox.css">');
} else if(/chrome|safari/.test(userAgent)){
	document.write('<link rel="stylesheet" href="webkit.css">');
}

上述代碼中，我們使用navigator.userAgent獲取當前瀏覽器的userAgent，并且通過正則表達式判斷瀏覽器類型。根據不同的瀏覽器類型，我們使用document.write()方法動態加載對應的CSS樣式表。

總之，JavaScript可以根據瀏覽器的不同，動態加載不同的CSS樣式表，這對于網站的開發和兼容性調試非常有用。