Букмарклет (англ. bookmarklet; bookmark — «закладка» и applet — «апплет») — небольшая JavaScript-программа, оформленная как javascript: URL и сохраняемая как браузерная закладка.
Использование
Букмарклеты используются как инструменты, придающие браузеру дополнительную функциональность. По сути, это клиентский код, который может сделать со страницей все, что вам угодно. Они могут, к примеру:
поменять внешний вид страницы (цвета, размер букв, и т. д.),
извлечь данные из страницы, например, все ссылки или все используемые изображения,
перейти (для удобства обычно в новом окне) к результатам поиска выделенных на странице слов,
сделать страницу более удобной для чтения (увеличить шрифт, убрать яркий фон и мигающие элементы) и взаимодействия (расширить поля ввода, подчеркнуть все ссылки),
помочь веб-разработчику — показать имена стилей, классов, свойства элементов, произвести операции с cookie.
Перед использованием букмарклета нужно занести его к себе в закладки. Проще всего это сделать переносом готовой ссылки-букмарклета со страницы прямо на панель закладок.
Примеры
<body>
<div>
<h1>Примеры букмарклетов</h1>
[<a href="javascript:void(document.body.style.backgroundColor='gray');">Окрашивает фон страницы в серый цвет.</a> ]
</div>
<div>
[<a href="javascript:var firebug=document.createElement('script');
firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');
document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);"
>Вызывает на текущей странице firebug lite.</a> ]
</div>
<div>
<hr><font size="1">
Документ: <i><script type="text/javascript">document.write(document.title);</script></i><br>
URL: <i><script type="text/javascript">document.write(document.URL);</script></i><br>
Дата последнего обновления:
<i><script type="text/javascript">document.write(document.lastModified);</script></i>
</font>
</div>
</div>
</body>
Букмарклет: Анализ ссылок на текущей странице
<div>
<p></p>
[<a href="javascript:
var tag_a = document.getElementsByTagName('a');
var kolvo='<b>Общее кол-во ссылок на странице:</b> '+tag_a.length+'<br/>';
var display=''; var kloc_url=0;var kext_url=0;
var domain= document.domain;/*экранируем все точки в имени домена*/
domain.replace(/./, '\.');
var r = new RegExp ('http://'+domain+'.*');
for (var k=0; k<tag_a.length; k++) {
var tg1=tag_a[k].getAttribute('href');
if ((tg1 == '#') || (tg1 == '/') || (r.test(tg1)))
{
kloc_url++;
}
else{
kext_url++;
display += tag_a[k].getAttribute('href')+'<br/>';
}
}
document.write(r+kolvo+'Внутренние сслыки= '+kloc_url+'<br/><b>Внешние ссылки=</b> '+kext_url+'<br/>' + display);
window.stop();
">Анализ ссылок на текущей странице</a>]
</div>