效果说明
从操作上说,是将JavaScript脚本作为书签,想用的时候点一下收藏栏中对应的书签,即可执行脚本;
从作用上说,主要可以对当前页面进行一些脚本上的操作,比如对特定页面DOM进行操作、改变字体颜色、删除广告等等;JS具体的用途可以说太多了,还需要大家去发现便利且实用的功能,这里只是提供一个方法;
比如制作一个点击即可改变页面字体颜色的JS书签:
制作方法
(这里以Chrome浏览器为例,其它浏览器操作大同小异):
- 右键收藏栏空白处----添加网页;
- 设置书签名称,并在网址上以JavaScript加冒号开头,比如下面这样子:
JavaScript: alert("你执行了一个书签JS脚本!");
3. 保存后,打开任意网页(除一些特殊页面),单击书签栏即可执行其中JS脚本;
4. 如果执行的脚本带有返回值,如修改网页字体颜色,则会跳转到一个新的页面,显示返回值,如下代码,可以通过在代码最后添加一句void(0);来防止跳转,维持前页面;
不加void(0):
javascript:
alert("你执行了一个书签JS脚本!");
document.body.style.color="red";
可以看到单击JS脚本书签后页面发生了跳转,显示了返回值;
添加void(0):
javascript:
alert("你执行了一个书签JS脚本!");
document.body.style.color="red";
void(0);
可以看到页面没有发生跳转,并且网页主体字体颜色成功发生了改变;
注意事项
一、JavaScript:前缀大小写不敏感,javascript:,JavaScript:都可以;
二、冒号后的脚本语句以分号;分隔,行数无上限,就如同正常写JS脚本文件一样;
三、如果脚本较多,可以分行,或在其它JS脚本的编辑器上写好,然后复制过来;
四、书签JS脚本在新标签页、空白页、拓展管理页面无法执行,原因暂未知;
五、书签JS脚本中不能有//或者/**/的注释语句;
更多推荐
【JS】把JavaScript脚本作为书签收藏起来并可单击执行
发布评论