JavaScript（簡稱JS）是一種常用的腳本語言。它可以在web頁面上實現交互特效，如滑動圖片、菜單欄彈出、計算器等。在這些特效中，CSS（層疊樣式表）的應用十分重要。通過JS輸出CSS，可以更加動態地實現網頁交互效果，滿足用戶的不同需求。

// JS輸出CSS代碼實例
// 獲取網頁中的CSS屬性
let element = document.querySelector('.example');
let style = window.getComputedStyle(element);
let color = style.getPropertyValue('color');
// 創建新的CSS樣式表
let sheet = new CSSStyleSheet();
sheet.insertRule('.dynamic {color: ' + color + '}');
// 將新的CSS樣式表插入head元素中
document.head.append(sheet);

在代碼實例中，首先通過querySelector()方法獲取名為“example”的HTML元素，再通過getComputedStyle()方法獲取該元素的CSS屬性（如color屬性），示例代碼展示了如何通過JavaScript代碼獲取和設置CSS屬性。

為了使代碼更加靈活、易于維護，需要使用CSSStyleSheet()對象創建新的CSS樣式表，并通過insertRule()方法將定義好的CSS樣式插入到新建的CSS樣式表中。最后，將新建的CSS樣式表插入到HTML頁面的head元素中即可。這樣，就可以輕輕松松地利用JS來動態修改CSS樣式，實現更加靈活動態的網頁交互效果啦！