當我們在網頁上瀏覽文章時，很多時候會希望把自己喜歡或是有用的文章收藏在自己的電腦上，下次想看時不用再次搜索。那么如何實現在網頁中保存文章呢？這就需要使用javascript代碼來實現這個功能。

首先，我們需要在網頁上獲取到文章的內容。我們可以使用jQuery來實現這個功能，如下所示：

var articleContent = $('.article-content').html(); //獲取文章的HTML內容

在這個例子中，我們通過jQuery的選擇器來獲取文章內容的HTML代碼，并將代碼保存到一個變量中。接下來，我們就可以將這段HTML代碼保存在本地電腦上。

我們可以將這段HTML代碼保存在cookie中，如下所示：

document.cookie = 'article=' + encodeURIComponent(articleContent) + '; expires=' + new Date('2022/01/01').toUTCString(); //將文章保存在cookie中，有效期到2022年1月1日

在這個例子中，我們將文章的HTML代碼編碼后存儲在cookie中，同時設置cookie的有效期為2022年1月1日。

另外，我們還可以將文章的HTML代碼保存在本地存儲中，如下所示：

localStorage.setItem('article', articleContent); //將文章保存在本地存儲中

在這個例子中，我們將文章的HTML代碼保存在HTML5的本地存儲中，可以在下次打開該網站時重新獲取。

當我們需要重新打開保存在cookie或是本地存儲中的文章時，可以使用如下代碼來獲取保存的文章內容：

var article = '';
if (document.cookie.indexOf('article=') > -1) { //如果存在保存在cookie中的文章
var start = document.cookie.indexOf('article=') + 8; //獲取文章內容開始的位置
var end = document.cookie.indexOf(';', start); //獲取文章內容結束的位置
if (end == -1) {
end = document.cookie.length; //如果文章內容是cookie中的最后一項，數據項末尾不會有;
}
article = decodeURIComponent(document.cookie.slice(start, end)); //解碼并獲取文章內容
} else { //如果不存在保存在cookie中的文章，則嘗試從本地存儲中獲取
article = localStorage.getItem('article');
}

在這個例子中，我們首先判斷是否存在保存在cookie中的文章，如果有，則從cookie中獲取文章內容。如果沒有，則嘗試從本地存儲中獲取文章內容。

不管選擇將文章保存在cookie還是本地存儲中，都可以通過javascript代碼實現文章保存功能。同時，我們需要注意保存的文章內容大小，避免存儲過程中出現存儲空間不足的情況。