Avatar

Полезные скрипты HTML/JS (HTML, JS, another tricks)

by mak ⌂, Monday, April 15, 2024, 10:50 (63 days ago)

Привет,

Предлагаю тему, где можно публиковать полезные трюки в работе с HTML/JS, чтобы постоянно не гуглить, предлагаю собрать их в одном месте - здесь.

Например, чтобы выполнить переадресацию, можно использовать на странице между тегов head следующий код:

<meta http-equiv="refresh" content="3; url=http://website.com/page.html">

3 - это количество секунд до переадресации, 0 это мгновенно переадресовать.

или же то же самое, но с использованием JavaScript, но с определённым приколом, например если к вам пришли с определённого сайта:

if ( (document.referrer == "http://badsite.com/obosrat_site.html")|(document.referrer == "http://badsite2.net/obosrat_site.html") )
{
document.write("Идите на три буквы");
window.location.href = "http://microsoft.com";
}
else
{
window.location.href = "http://mysupersite.com";
}


Этот JS код можно совместить с вараинтом редиректа через метатеги, без опознования откуда пришёл посетитель, используя его между тегами head таким образом:

<script language="JavaScript" type="text/javascript" src="redirect.js"></script>
<noscript>
<meta http-equiv="refresh" content="3; url=http://website.com/page.html">
</noscript>

В этмо случае, если JS отключен или не поддерживается, сработает метатег.

Tags:
HTML, JS, tricks, трюки, хаки

Avatar

Полезные скрипты HTML/JS

by Turboblack ⌂, Monday, April 15, 2024, 11:02 (63 days ago) @ mak

Этот простой JavaScript-код используется для изменения текущего URL в адресной строке браузера на корневой URL (в данном случае "/").

<script>
window.history.replaceState({}, null, '/');
</script>

Проще говоря, если у вас адрес sitemane.com и вы добавили этот скрипт в свой index.html перед </head> то при переходе на sitename.com/что-то-там у вас всегда будет показываться адрес sitemane.com

--
We live in the distant past, we are still not at all civilized

Tags:
JS, JAVASCRIPT

Avatar

Полезные скрипты HTML/JS

by Turboblack ⌂, Saturday, April 20, 2024, 19:05 (57 days ago) @ mak

https://www.htaccessredirect.net/ очень полезный набор утилит для сайтостроителей нашел

--
We live in the distant past, we are still not at all civilized

Avatar

Полезные скрипты HTML/JS

by mak ⌂, Thursday, April 25, 2024, 12:40 (53 days ago) @ mak

Как сделать, чтобы на мобильном сайт отображался крупнее: добавляем для этого между head

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Tags:
HTML, tricks

RSS Feed of thread