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

效果说明

从操作上说，是将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脚本作为书签收藏起来并可单击执行相关推荐

JavaScript 的性能优化：加载和执行
概览无论当前 JavaScript 代码是内嵌还是在外链文件中,页面的下载和渲染都必须停下来等待脚本执行完成.JavaScript 执行过程耗时越久,浏览器等待响应用户输入的时间就越长.浏览器在下载 ...
c 运行js脚本语言,Javascript脚本语言
Javascript脚本语言本教程不对Javascript详细讲解,与WebGL相关的会进行简单总结.Javascript语言可以开发前端,可以开发网站后端,也可以和Python.C语言一样开发客户 ...
javascript中动态加载js、vbs脚本或者css样式表
目录:DynamicLoad类简介.属性.方法.事件.示例.下载. DynamicLoad类简介本文将为您介绍一个在javascript中可以动态加载js.vbs脚本和css样式表的DynamicL ...
在html中写js打开是乱码,javascript脚本中文乱码如何解决？
在web开发中我们一般都会不可避免的使用js.我们可以将js代码直接放在页面中即通过内部使用js.但是为了给页面良好的"瘦身"我们一般都会将js代码放在外部,然后通过src引用. ...
[js]windows下通过命令行运行javascript脚本，支持命令行参数
windows下通过命令行运行javascript脚本,支持命令行参数 js作为最受欢迎的语言,以其方便.通用.功能强大的特点,可以给大家在实际使用的过程中带来很大的便利. 下面是本文从实际应用的角度 ...
JS(JavaScript)脚本库的积累
在现在互联网盛行的时代,使得B/S架构飞速发展.曾经在大学的时候我一直都梦想着毕业后要找一个像腾讯这样大企业做C/S方面的开发工作(其实现在腾讯也有很多B/S软件),因为C/S体验度非常高,感觉非常好 ...
js是运行在服务器端的脚本语言,JavaScript脚本语言
JavaScript脚本语言 JavaScript是一种脚本语言,其源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行.下文为大家分享的是JavaScript ...
Node.js 服务器端的JavaScript脚本新秀：Node.js
目前,Node.js是在前端页面开发中十分受欢迎的,它是一套用来编写高性能网络服务器的JavaScript工具包,在本文中,将带领各位初学者介绍Node JS的基本知识,要求本文的阅读对象为有一定Ja ...
html，css，js小实例,CSS和JavaScript脚本实例
CSS和JavaScript脚本实例导语:CSS样式和JavaScript脚本是应该放在外部文件中呢?还是把它们放在页面本身之内呢?以下的是百分网小编为大家搜集的CSS样式和JavaScript脚本 ...

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

效果说明

制作方法

注意事项

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

最新文章

热门文章