Изменить html через URL

@mrLee13 · Регистрация: 20.10.2012

Студворк — интернет-сервис помощи студентам

Всем привет, я тут новенький. Вот уже и утро настало, а я никак не могу решить свою проблему

Суть проблемы такова:
Есть определенная HTML-страница, скажем blabla.ru/index.html . Нужно при добавлении параметра к URL, скажем - blabla.ru/index.html?id=1 изменить что-нибудь на этой самой странице. Скажем к примеру код страницы такой:

HTML5
1
2
3
4
5
<html>
   <body>
      Hi jack!
   </body>
</html>

А нужно чтобы было

HTML5
1
hi Masha!

. Но при этом оставалась одна страница. Я уже пробывал и так, и этак. Знаю, что нужно использовать JS, нашол в паутине код, которым переводится в массив эти параметры, а как че дальше сделать, я не могу понять. Вот код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<SCRIPT>
function getVariable(varName)
{                   
var arg=location.search.substring(1).split('&')
var variable=""
var i
for(i=0;i<arg.length;i++)
{
if(arg[i].split('=')[0]==varName)
{
if(arg[i].split('=').length>1)
{
variable=arg[i].split('=')[1]
}
return variable
}
}
return ""
}
 
</SCRIPT>

Спасибо всем заранее, мб Вы чем-нибудь поможете.

@kalabuni · 20.10.2012, 08:39

Сообщение от mrLee13

Нужно при добавлении параметра к URL, скажем - blabla.ru/index.html?id=1 изменить что-нибудь на этой самой странице

этот "параметр" (ВСЁ то что следует после символа вопроса и до символа решетки, если таковой имеется) правильно называется "кодированной строкой запроса" (по английски "query string") и является полноценной частью URL

обратите внимание на слово ВСЁ во фразе "ВСЁ то, что следует после символа вопроса"

типовая форма этой строки - ?имя1=значение1&имя2=значение2&имя3=значение3...

именно такие строки запроса отправляет форма на сервер методом GET
и серверные программы эту строку "парсят" (т.е. разбирают по именам и значениям)

парсят серверные программы эту строку по так называемым "сепараторам" (разделителям)
сепараторами пар "имя=значение" являются символы амперсанда (&)
а каждая такая пара внутри разделена сепаратором =
------

теперь от теории переходим к практике

выше я описал типовую строку, которую автоматически создаёт форма при отправке данных

а кто вам создаёт эту строку?
если вы сами её создаёте, то вам совершенно необязательно придерживаться этой самой типовой формы
как я понял из описания, вас вполне устроит вид ?Masha или ?Vova или ?Sergey
устроит?

тогда делайте на одной странице ссылки:

HTML5
1
2
3
<a href="blabla.html?Masha">вход для Маши</a>
<a href="blabla.html?Vova">вход для Вовы</a>
<a href="blabla.html?Sergey">вход для Сергея</a>

а на этой самой странице blabla.html прописывайте коротенький скриптик:

JavaScript
1
var Value = document.location.search.substr (1);

и это - всё, что вам нужно
эту переменную Value вы можете вывести на страницу методом document.write () ещё в процессе формирования страницы, вывести окошком alert (), прописать её в качестве innerHTML какого-то плайн-тега, прописать её в качестве value какого-то поля ввода...
и вообще можете делать с ней, что вам будет угодно
-----

но если вы зачем-то будете делать "умное лицо" и изображать из себя HTML-тег <FORM>
и будете как автоматический робот приписывать какие-то непонятные и абсолютно вам ненужные слова типа id, символы = и &, то стандартный парсинг также прост и составит не одну строку, а четыре:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
// ПЕРВАЯ: получаем ВСЮ query string как строку символов
var QueryString = document.location.search.substr (1);
 
// ВТОРАЯ: разбиваем эту строку по сепаратору &, получаем массив из строчек покороче
// в каждой из которой пара "имя=значение"
var Pairs = QueryString.split ('&');
 
// ТРЕТЬЯ и ЧЕТВЕРТАЯ: циклом прокручиваем массив пар и каждую пару
// разбиваем по сепаратору = на два элемента:
// первый элемент - это имя, второй элемент - это значение
// сохраняем в одном массиве Names все имена, в другом массиве Values - все значения
for (var tmp, Names = [], Values = [], j = 0, lj = Pairs.length; j < lj; j++)
   tmp = Pairs [j].split ('='), Names [j] = tmp [0], Values [j] = tmp [1];

------
ну и последний нюанс - теоретически-практический
строка эта, как я уже писал выше, правильно называется "кодированной строкой запроса"
обратите внимание на слово "кодированной"
это означает, что если вы на своей первой странице напишете ссылку
<a href="blabla.html?Маша">вход для Маши</a>, т.е. query string оформите кириллическими (не-ASCII) символами, то в адресной строке браузера вы увидите не слово "Маша", а длинный наборчик каких-то цифр, букв и символов процента
это и есть - кодирование
причём кодируются не все подряд символы, а только кириллические и входящие в состав либо имени, либо значения
т.е. символы & и = - они не кодируются (а вот тот же амперсанд, который входит вовнутрь "значения" - он уже закодирован)

т.е. делаете всё тоже самое, только потом, перед применением, полученное значение надо декодировать методом decodeURI ()
для описанных мною вариантов это будет decodeURI (Value) и decodeURI (Values [j])

@mrLee13 · 21.10.2012, 00:16 **[ТС]**

Спасибо я об этом всю ночь читал) Вот только проблемы не решил(

Добавлено через 10 часов 8 минут
Спасибо, помог php.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .

@mrLee13 0 / 0 / 0 Регистрация: 20.10.2012 Сообщений: 4
	21.10.2012, 00:16 [ТС]
	Спасибо я об этом всю ночь читал) Вот только проблемы не решил( Добавлено через 10 часов 8 минут Спасибо, помог php. 0

Опции темы