WP导航主题WebStack Pro魔改优化教程（八）：继续完善本地网址功能，支持导入Chrome的书签。

之前有站友留言建议：“能不能搞个本地书签HTML文件，导入到我的导航。 毕竟大部分普通用户一个个添加也麻烦，而好多用户收藏夹都会收藏好多网址。”

安排……………………

效果：

原理： 上传Chrome导出的html书签文件， 通过纯前端的方式提取文本中链接和内容，插入到localStorage中。

同时支持之前JSON格式导入和导出。

见上篇文章：《WP导航主题WebStackPro魔改优化教程（七）：继续完善本地网址功能，重复的网址不让保存。》

实现方式：

利用正则提取HTML中的链接和内容， 代码如下：

function ImportMyBooks(mydata)
{
var re=/<A[^>]*HREF=['"]([^"]*)['"][^>]*>(.*?)<\/A>/g;
var arr=[];
if(re.exec(mydata)!=null)
{
if (confirm("当前数据将被覆盖！是否继续导入？")) {
localStorage.removeItem('myLinks');
while(re.exec(mydata)!=null) {
addSiteList({id: +new Date,name: RegExp.$2,url: RegExp.$1});
}
$(".btn-close-fm").click()
return true;
}
}
else
{
alert("导入收藏HTML类型时数据解析异常，杀站长祭天！");
return false;
}
}

然后在对应的地方调用就行。