如何使用js书签来选择并收藏网页中的内容

JavaScript018

如何使用js书签来选择并收藏网页中的内容,第1张

通过察看Evernote里面的Note编辑器的代码,发现Evernote是给每一个网页元素都加上了style,将原有样式放进了style去。

这样就产生了很多冗余的style代码了。。。不过人家财大气粗,不怕- -。

关于实现,问了一个做前端的朋友(+Mingel)他如此回答:

其实在复制文本的时候,内容和样式是同时都放到内存中的,在粘贴的时候编辑器如果能够处理内存中所有的数据,就会把样式一并带过来,比如Word,Gmail;否则就只复制文本,比如记事本。看起来不需要js做太多。

JS里添加样式的方法:

1、首先,要创建标签,使用document.createElement函数,如图创建div标签。使用其className设置class,id设置id,style设置样式。

2、样式的设置也可以分项进行。如图是分项设置其left,top,display,position,width几个样式。

3、通过设置标签的innerHTML属性可以直接给其添加子标签以及子标签的样式。当然,也可以分项分层添加标签。

4、设置好标签(如图是div标签,变量名box),使用document.body.appendChild添加标签到body当中。

5、标签添加以后,依然可以修改样式,如图是使用document.getElementById方法根据id获取标签,修改style。

6、标签添加以后,也可以给其添加和删除event处理。如图是使用jQuery给id为img-preview-box的标签添加hover鼠标经过的处理。

你说的是收藏网页? PSV有这个功能的 http://psp.abang.com/od/psp2ngp/ig/psvwebshouc/psvwebsave1.htm这上面写的很详细了