使用 JavaScript 添加全局 CSS 樣式可以使網站更具現代化和可讀性，具體可以參考下述步驟：

1. 引入 CSS 文件：

在 HTML 文件中，使用 <link> 標簽引入 CSS 樣式文件，例如：

```html

<link rel="stylesheet" type="text/css" href="styles.css">

2. 全局變量：

在 JavaScript 文件中，可以使用全局變量來保存 CSS 樣式，例如：

```javascript

// 全局變量

var style = "color: red; font-size: 18px;";

3. 使用 XMLHttpRequest 或 fetch API 獲取 CSS 樣式：

使用 XMLHttpRequest 或 fetch API 獲取 CSS 樣式，并將其存儲在 JavaScript 全局變量中，例如：

```javascript

// 使用 XMLHttpRequest 獲取 CSS 樣式

var style = await fetch("styles.css");

// 將 CSS 樣式存儲在 JavaScript 全局變量中

var style = style.text;

4. 應用 CSS 樣式：

使用 JavaScript 全局變量中的 CSS 樣式，可以在 HTML 文件中應用全局 CSS 樣式，例如：

```html

<style>

/* 應用全局 CSS 樣式 */

.parent {

color: green;

font-size: 24px;

</style>

5. 刪除 CSS 樣式：

如果不再需要全局 CSS 樣式，可以使用 JavaScript 的 delete 操作符來刪除 CSS 樣式文件，例如：

```javascript

delete style;

以上是使用 JavaScript 添加全局 CSS 樣式的基本步驟，當然，具體的實現方式會因不同的項目而有所不同。通過使用 JavaScript 添加全局 CSS 樣式，可以大大提高網站的效率和可讀性，使網站更具現代化。