Советы по JavaScript : Передача и обработка данных в html-файле
Передачу данных в html-файл можно произвести через URL-адрес. После адреса ставиться знак вопроса и после него параметр, который Вы хотите передать. Если этих параметров несколько, то между ними ставиться амперсанд (&).
Также данные можно передавать при помощи форм. Для этого надо воспользоваться методом GET.
Вот как буде выглядеть URL-адрес в строке броузера:
Получение переданных данных:
Получение переданных данных выполняется при помощи JavaScript.
Сначало мы присваиваем переменной все то, что находится после знака вопроса:
Если Вы передавали один параметр, то переменную p_url можно обрабатывать.
Если параметров было много, то их надо разделить:
У нас получился массив parametr, который содержит полученные данные.
Если Вы пересылали данные при помощи форм, то надо избавиться от знака равенства и присвоить каждой переменной свое значение:
Передача переменной javascript в текстовое поле html
У меня есть переменная javascript, и я пытаюсь передать переменную в HTML-форму HTML. Я хочу динамически отображать переменную в текстовом поле. но я не знаю, как передать переменную в форму html и вызвать переменную?
Как передать тест в html-форму и изменить ее значение?
6 ответов
Передайте переменную в элемент формы, подобный этому
ваш элемент формы
Вы можете использовать
вместо groupName вы можете передать строковое значение, например «Group1»
Это тоже было проблемой для меня. Одна из причин этого (в моем случае) заключалась в том, что мне нужно было преобразовать событие на стороне клиента (изменяемую javascript-переменную) в переменную на стороне сервера (для этой переменной, которая будет использоваться в php). Следовательно, заполнение формы переменной javascript (например, ключ/значение sessionStorage) и преобразование ее в переменную $_POST.
Добавление переменных Javascript в элементы HTML
Итак, у меня есть код, который должен делать четыре вещи:
- удалить расширение «.mp4» из каждого заголовка
- изменить категорию моего видео
- поставь одно и то же описание во все видео
- поставить одинаковые ключевые слова во все видео
Примечание. Все это можно сделать на странице загрузки YouTube. Я использую Greasemonkey в Mozilla Firefox.
Я написал это, но мой вопрос: как изменить заголовок HTML на фактической странице HTML на новый заголовок (который является переменной Javascript)?
Примечание. Если вы обнаружите какие-либо ошибки в коде JavaScript, сообщите мне об этом.
Примечание 2: Если вам интересно, почему я сохранил текущие значения HTML в переменных, это потому, что я думаю, что мне придется использовать их для замены значений HTML (могу ошибаться).
6 ответы
Многое уже было рассмотрено, но все же я хотел бы напомнить вам, что если вы ищете кросс-браузерную совместимость, внутреннего HTML будет недостаточно, так как вам также может понадобиться innerText или textContent для работы с некоторыми старыми версиями IE или даже используя какой-либо другой способ изменить содержимое элемента.
В качестве примечания, innerHTML считается устаревшим для подавляющего большинства людей, хотя некоторые все еще используют его. (я здесь не для того, чтобы спорить о том, хорошо это или нет, но это просто небольшое замечание для проверки)
Что касается замечаний, я бы предложил свести к минимуму количество создаваемых вами функций, создав более общие версии для редактирования или добавления целей, например, вы можете сделать следующее:
Если вы используете глобальную функцию, которая сделает всю работу за вас, не только ваш код будет легче поддерживать, но и вы избежите многократной выборки элементов в DOM, что значительно ускорит работу вашего скрипта. Например, в вашем предыдущем коде вы извлекаете DOM для набора определенных элементов, прежде чем сможете добавить к ним значение, другими словами, каждый раз, когда ваша функция выполняется, вам придется пройти через весь DOM, чтобы получить ваши элементы, в то время как если вы просто извлекаете свои элементы один раз, затем сохраняете их в var и просто передаете их функции, которая фокусируется только на добавлении или изменении, вы явно избегаете выполнения некоторых повторяющихся задач.
Что касается последней функции, я думаю, что код все еще неполный, но я бы посоветовал вам использовать встроенные методы для управления материалом HTMLOption, если я хорошо помню, используя простой JavaScript, вы обнаружите, что печатаете это:
В любом случае, я хочу сказать, что вам лучше использовать доступные методы JavaScript для выполнения работы вместо того, чтобы полагаться на innerHTML во всем, что вам может понадобиться, я знаю, что innerHTML — это самый простой и быстрый способ выполнить вашу работу, но если я могу сказать, что это похоже на если бы вы построили целую HTML-страницу, используя только теги и вместо использования различных семантических тегов, это помогло бы сделать все более понятным.
В качестве последней точки для будущего использования, если вы заинтересованы в jQuery, это даст вам другой способ манипулировать вашей DOM с помощью селекторов CSS гораздо более продвинутым способом, чем простой JavaScript.
вы также можете проверить эту ссылку: замена для внутреннегоHTML
ответ дан 06 авг.
Я предполагаю, что ваш вопрос касается только изменения названия, а не всего остального; Кроме того, я предполагаю, что вы имеете в виду изменение всех элементов в документе, которые имеют «заголовок» как name атрибут, а не заголовок документа.
В этом случае вы действительно можете использовать document.getElementsByName(«title») .
Чтобы справиться с name=»title» элементы, вы можете сделать:
Для того, чтобы получить name=»description» элемент, используйте это: (при условии, что есть только one name=»description» элемент на странице, или вы хотите первый)
Я не был уверен в ключевых словах (сейчас передо мной нет страницы YouTube), поэтому предполагается, что это текстовое поле/область, как и описание:
Опять же, исходя из вашего вопроса, который просто устанавливает .value из категории штучки:
В последнем, однако, обратите внимание, что я изменил «27» в ’27’ : вы не можете помещать двойные кавычки внутри строки в двойных кавычках, предполагая, что они обрабатываются так же, как и любой другой символ 🙂
Это помогло немного больше? 🙂
ответ дан 06 авг.
Да, получилось, спасибо. Затем мы получили функцию add_description. Что он сделает, так это просто изменит пустое поле описания (описание — это атрибут имени входного HTML-тега) на мое поле по умолчанию, которое называется «Подписаться». После этого у нас есть add_keywords(). Во-первых, я бы ввел ключевые слова, которые я хочу, а затем изменил бы пустые ключевые слова по умолчанию (что опять же, атрибут имени) с моими. И, наконец, change_category() просто выберет «Образование» в качестве моей категории Youtube. Надеюсь, я сделал это немного яснее. 🙂 — Призрак
ByTheWay, причина, по которой я зацикливался на каждом элементе сгенерированного titleelems является то, что document.getElementsByName возвращает массив (следите за названием «Элементs«). Вы не можете просто получить доступ к массиву как к элементу 🙂 — Томсмидинг
Я отредактировал свой ответ, чтобы обработать и другие части вопросов, помогло ли это? (Кстати, извините за немного поздний ответ, я не торопился писать свой расширенный ответ: P) — Томсмидинг
Я создал новый скрипт с исходным кодом сайта здесь: stackoverflow.com/questions/11831542/…. Можете ли вы просмотреть это и сказать мне, все ли в порядке (мой код). Спасибо. — Призрак
Я дал ответ на вопрос, который вы связали; хотя никогда разветвить вопрос на новый, когда нет реальной причины для разветвления; вы могли бы просто поместить образец HTML-кода в этот вопрос. В любом случае это была бы неплохая идея 🙂 И вы видите, что получилось: посмотрите комментарии к ответвленному вопросу. — Томсмидинг
Извините, но Ваш вопрос не совсем ясен. Что именно твое HTML-заголовок что вы имеете в виду?
Если это элемент, который вы хотите изменить, используйте это:
Если вы хотите изменить заголовок окна (отображается на вкладке браузера), вы можете сделать следующее:
Как вывести переменную из js в html
В самом простом случае, сначала необходимо в html документе дать элементу в который будем помещать данные — id или класс. Например:
Затем, ниже объявленного искомого объекта, в теле тега <script> необходимо с помощью JavaScript "получить" объект и занести в свойство textContent необходимые данные.