在前端開發中，CSS樣式的應用不僅可以美化網站的頁面，還可以提高用戶體驗。然而，CSS樣式的引入通常需要加載時間，影響網站的性能。為了克服這個問題，我們可以使用JavaScript動態引入CSS樣式表。 第一步是創建一個link元素來定義CSS樣式文件的引用。該元素的屬性包括rel、type和href，我們可以在JavaScript中創建：

var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'style.css';

在創建了link元素后，我們需要將它添加到head標簽中。這可以通過下面的代碼來實現：

var head = document.getElementsByTagName('head')[0];
head.appendChild(link);

現在，我們已經完成了向文檔中動態引入CSS樣式表的過程。完整代碼如下：

var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'style.css';
var head = document.getElementsByTagName('head')[0];
head.appendChild(link);

這種方式可以在個別頁面事件觸發時引用CSS樣式表，而不是在頁面載入時，從而實現更快的網頁加載速度。另外，通過JavaScript動態引入CSS樣式表也使得我們能夠更加自由靈活地控制樣式表的應用，實現更好的用戶體驗。