Динамическое изменение favicon сайта в браузере
24.04.2014 | Категория: Web-мастеру и не только | Автор: ManHunter
Ни для кого не секрет, как на сайт добавляется иконка, которая отображается в адресной строке браузера. Достаточно прописать ссылку на нее в заголовке HTML-страницы:Code (HTML) : Убрать нумерацию
- <html>
- <head>
- <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
- <head>
- <body>
- ...
- </body>
- </html>
Code (JavaScript) : Убрать нумерацию
- <script type="text/javascript">
- // Ссылка на файл новой иконки
- var icon='new_favicon.ico';
- var head = document.getElementsByTagName('head')[0];
- // Найти и удалить старую иконку из тега HEAD
- var links = head.getElementsByTagName('link');
- for (var i = 0; i < links.length; i++) {
- var lnk = links[i];
- if (lnk.rel=='shortcut icon') {
- head.removeChild(lnk);
- }
- }
- // Добавить новую иконку
- var link = document.createElement('link');
- link.setAttribute('href',icon);
- link.setAttribute('type','image/x-icon');
- link.setAttribute('rel','shortcut icon');
- head.appendChild(link);
- </script>
Просмотров: 10719 | Комментариев: 14