JavaScript 是一種廣泛應用于 web 開發的編程語言，其中一個常見的應用場景是通過單擊來互換 CSS 樣式。在這篇文章中，我們將討論如何使用 JavaScript 在網頁中實現這個功能。

首先，我們需要在 HTML 中添加一個可以單擊的元素，例如一個按鈕。這個按鈕可以是任何 HTML 元素，只要它可以附加一個 onClick 事件處理程序即可。 下面是一個例子：

<button onClick="swapStyles()">互換樣式</button>

在這個例子中，我們創建了一個按鈕并指定了一個 onClick 事件處理程序。當用戶單擊該按鈕時，JavaScript 將調用一個名為 swapStyles 的函數。

現在，我們需要實現 swapStyles 函數來互換 CSS 樣式。我們可以使用 JavaScript 中的一個函數，叫做 getElementsByTagName，來選擇所有需要更改樣式的 HTML 元素。我們還需要創建一個全局變量，用于跟蹤當前所使用的樣式。下面是一個示例實現：

<script>
var currentStyle = 'style1';
function swapStyles() {
var tags = document.getElementsByTagName('link');
var style1 = tags[0];
var style2 = tags[1];
if (currentStyle === 'style1') {
style1.disabled = true;
style2.disabled = false;
currentStyle = 'style2';
} else {
style1.disabled = false;
style2.disabled = true;
currentStyle = 'style1';
}
}
</script>

在這個函數中，我們首先選擇了所有使用 link 標簽定義的樣式表。我們然后選擇了使用 style1 和 style2 樣式表元素，同時將當前使用的樣式設置為 style1。當用戶單擊按鈕時，我們會切換該元素的樣式（通過設置 disabled 屬性）。我們還會更改當前所使用的樣式。

在這個實例中，我們以一種比較簡單的方式實現了單擊互換 CSS 樣式的功能。不過，你可以對此進行修改和定制以支持更多的樣式交互和高級功能。JavaScript 應用廣泛，是 web 開發不可或缺的一部分。