js实现书签
使用JavaScript创建书签
在JavaScript中创建书签可以通过书签小工具（Bookmarklet）实现。书签小工具是一段JavaScript代码，存储在浏览器书签中，点击时执行特定功能。
基本书签小工具格式
书签小工具的代码需要以javascript:开头，后跟代码内容。代码通常需要压缩为一行，避免换行符干扰。
javascript:(function(){/* 你的代码 */})();示例：显示当前页面标题和URL
以下是一个简单的书签小工具，点击后弹出当前页面的标题和URL：
javascript:(function(){alert('标题: ' + document.title + '\nURL: ' + window.location.href);})();示例：修改页面背景色
这段代码将页面的背景色改为黄色：
javascript:(function(){document.body.style.backgroundColor='yellow';})();创建书签的步骤
- 在浏览器中右键点击书签栏，选择“添加网页”或类似选项。
- 在名称字段中输入书签的名称（例如“显示页面信息”）。
- 在URL字段中粘贴上述JavaScript代码。
- 保存书签，之后点击即可执行代码。
注意事项
- 书签小工具的代码长度可能受浏览器限制。
- 某些网站的内容安全策略（CSP）可能会阻止书签小工具的执行。
- 复杂的操作可能需要更长的代码，建议使用代码压缩工具减少长度。
高级示例：提取所有链接
以下代码提取当前页面中的所有链接并在新窗口中显示：
javascript:(function(){var links=document.getElementsByTagName('a');var output='';for(var i=0;i<links.length;i++){output+=links[i].href+'\n';}var win=window.open();win.document.write('<pre>'+output+'</pre>');})();调试书签小工具
如果书签小工具不工作，可以先将代码粘贴到浏览器控制台测试。确保代码在控制台中运行正常后再添加到书签。
