JavaScript是當今最為流行的編程語言之一，它在Web開發中起著至關重要的作用。現在，越來越多的網站都提供了書簽功能，讓用戶能夠在訪問中收藏自己喜歡的內容。那么，如何在JavaScript中實現書簽功能呢？

JavaScript能夠保存書簽的方式有很多，其中最常見的方式是使用LocalStorage。LocalStorage是瀏覽器提供的一種本地存儲機制，能夠在用戶瀏覽器中保存數據，即使用戶關閉窗口或重啟電腦，數據仍能保存。下面是一段使用LocalStorage實現保存書簽的代碼：

// 獲取當前頁面標題和URL
var title = document.title;
var url = window.location.href;
// 獲取LocalStorage中保存的書簽
var bookmarks = JSON.parse(localStorage.getItem('bookmarks'));
// 如果LocalStorage中沒有保存的書簽，則創建一個新的數組
if(bookmarks === null){
bookmarks = [];
}
// 將當前頁面標題和URL添加到書簽數組中
bookmarks.push({
title: title,
url: url
});
// 將書簽數組保存到LocalStorage中
localStorage.setItem('bookmarks', JSON.stringify(bookmarks));

當用戶點擊“添加書簽”按鈕時，上述代碼將獲取當前頁面的標題和URL，并將數據保存到LocalStorage中。同時，在獲取LocalStorage中保存的書簽數據時，代碼使用JSON.parse()方法將從LocalStorage中獲取的數據轉換為JavaScript對象，這樣就能方便地向書簽數組中添加新的書簽。最后，使用localStorage.setItem()方法將更新后的書簽數組保存到LocalStorage中。

當用戶想要查看自己的已保存書簽時，可以使用以下代碼讀取LocalStorage中保存的書簽，并將標題和URL顯示在頁面上：

// 讀取LocalStorage中保存的書簽
var bookmarks = JSON.parse(localStorage.getItem('bookmarks'));
// 獲取用于展示書簽的DOM元素
var bookmarksResults = document.getElementById('bookmarks-results');
// 遍歷書簽數組，并將每個書簽的標題和URL添加到DOM元素中
for(var i = 0; i< bookmarks.length; i++){
var title = bookmarks[i].title;
var url = bookmarks[i].url;
bookmarksResults.innerHTML += '
' + title + '
' + url + '
';
}

上述代碼將從LocalStorage中獲取已保存的書簽數據，并將每個書簽的標題和URL添加到id為“bookmarks-results”的DOM元素中。在循環中，每個書簽都被添加到一個