【JS】把JavaScript脚本作为书签收藏起来并可单击执行

效果说明

从操作上说,是将JavaScript脚本作为书签,想用的时候点一下收藏栏中对应的书签,即可执行脚本;

从作用上说,主要可以对当前页面进行一些脚本上的操作,比如对特定页面DOM进行操作、改变字体颜色、删除广告等等;JS具体的用途可以说太多了,还需要大家去发现便利且实用的功能,这里只是提供一个方法;

比如制作一个点击即可改变页面字体颜色的JS书签:

在这里插入图片描述
在这里插入图片描述

制作方法

(这里以Chrome浏览器为例,其它浏览器操作大同小异):

  1. 右键收藏栏空白处----添加网页;
    在这里插入图片描述
  2. 设置书签名称,并在网址上以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脚本中不能有//或者/**/的注释语句;
  • 13
    点赞
  • 35
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值