Изменить 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.

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

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