JavaScript另类用法:bookmarklet(书签)
其实在IE并没有“书签”这一说法,是在FireFox 中的称呼,IE中称作“收藏夹”。
我们可以利用这种书签实现很多比较实用而好玩的功能。
如:你若觉得不喜欢当前页面的颜色设置,你完全可以自己改变其颜色。
效果如下:
![](https://www.cnblogs.com/images/cnblogs_com/ucetgg/107396/r_baidu.jpg)
若想还原,刷新一下该页即可![](/CuteSoft_Client/CuteEditor/images/face23.gif)
步骤如下(以IE6 为例,其他浏览器同理,有细微区别):
1.添加一个页面到收藏夹中。
2.选择此收藏,右键打开其属性,在URL(U),栏中输入如下JS代码:
javascript:void(document.bgColor='green');
然后点确定,这时系统会弹出如下提示:
![](https://www.cnblogs.com/images/cnblogs_com/ucetgg/107396/r_alert.bmp)
选择确定,书签制作ok!
打开百度主页,然后在收藏夹中点击刚自定义的书签,看页面背景颜色是不是变成你自己喜欢的
。
若你JS技术足够高,可以自己定义很多功能,玩玩或者做类似小型计算器、单位转换、在线词典等。尽情发挥![](https://www.cnblogs.com/Emoticons/QQ/24.gif)
以下是几个实用的书签。
1.web安全色表
2.改变当前页面字体颜色
3.验证当前页面
另外,推荐一个网站,
www.bookmarklets.com,这里提供各种书签,可以直接从那里获取,若喜欢某个书签可以直接鼠标右键进行收藏。
我们可以利用这种书签实现很多比较实用而好玩的功能。
如:你若觉得不喜欢当前页面的颜色设置,你完全可以自己改变其颜色。
效果如下:
![](https://www.cnblogs.com/images/cnblogs_com/ucetgg/107396/r_baidu.jpg)
若想还原,刷新一下该页即可
![](/CuteSoft_Client/CuteEditor/images/face23.gif)
步骤如下(以IE6 为例,其他浏览器同理,有细微区别):
1.添加一个页面到收藏夹中。
2.选择此收藏,右键打开其属性,在URL(U),栏中输入如下JS代码:
![](/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/images/cnblogs_com/ucetgg/107396/r_alert.bmp)
选择确定,书签制作ok!
打开百度主页,然后在收藏夹中点击刚自定义的书签,看页面背景颜色是不是变成你自己喜欢的
![](/CuteSoft_Client/CuteEditor/images/emteeth.gif)
若你JS技术足够高,可以自己定义很多功能,玩玩或者做类似小型计算器、单位转换、在线词典等。尽情发挥
![](https://www.cnblogs.com/Emoticons/QQ/24.gif)
以下是几个实用的书签。
1.web安全色表
javascript: var i,j,k,l,t='<table width=100%>', c=new Array('00','33','66','99','CC','FF'); for (i=0;i<6;i++){for(j=0;j<6;j++){t+= '<tr>';for (k=0;k<6;k++){l=c[i]+c[j]+c[k];t+='<td bgcolor=#'+l+'>'+l+'</td>'}t+'</tr>'}}void(document.body.innerHTML=t+'</table>');
2.改变当前页面字体颜色
javascript:if(frames.length<1){void(document.fgColor=prompt('Change to which text color?',''))}else{alert('Page has frames.!')}
3.验证当前页面
javascript:void(window.open('http://validator.w3.org/check?uri='+window.location.href,'', 'width=700,height=800,status=yes,resizable=yes,scrollbars=yes,location=yes'));
另外,推荐一个网站,
www.bookmarklets.com,这里提供各种书签,可以直接从那里获取,若喜欢某个书签可以直接鼠标右键进行收藏。
//****************************************
by: Amen cnblogs博客 转载请注明出处
//****************************************
by: Amen cnblogs博客 转载请注明出处
//****************************************