Как вывести переменную из js в html
В самом простом случае, сначала необходимо в html документе дать элементу в который будем помещать данные — id или класс. Например:
Chair The Laid back Heigth 80 cm id="testData">
Затем, ниже объявленного искомого объекта, в теле тега необходимо с помощью JavaScript «получить» объект и занести в свойство textContent необходимые данные.
type="text/javascript"> const data = 'new_test_data'; document.getElementById("testData").textContent = data; Как передать переменную JavaScript в HTML отрывок, как это реализовано во Vue.js?
Как я могу делать что-то похожее, но средствами JavaScript + Webpack (который в Laravel 7)?
Использовать Vue.js не могу в данной ситуации.
- Вопрос задан более трёх лет назад
- 146 просмотров
5 комментариев
Средний 5 комментариев
Вадим @MrDecoy Куратор тега JavaScript
ну, например, поставить туда span с определённым id, создать объект который будет хранить значение для этого спана. Обозначить этому объекту сэтер и гетер. В гетере обновлять текст спана?
Передача переменных из JS в HTML
Нужно сделать так, чтобы в HTML коде (в тексте самой страницы) появлялись определенные значения переменных, которые рассчитываются в .js файле , сейчас я делаю это так:
let variable = 123; document.getElementById('variable').innerHTML = variable; Текст в HTML:
Но мне кажется это каким то костылем, так как при большом количестве переменных код в js выглядит очень громоздко, к тому же значение id должно быть уникальным, таким образом я не могу использовать одну и ту же переменную больше 1 раза Подскажите решение
Как передать значение переменной из javascript в html
Собственно вопрос. Есть HTML поле в которое загружен документ с javascript. Можно ли получить доступ к переменным это скрипта?
Ты хочешь установить какую переменную или получить, или передать что-то функции.
Ну например вот скрипт в html файле:
//
Мне нужно получить значение переменной "perem". Ну или если это невозможно хотя бы по событию javascript передавать в 1С этот параметр.
Ну что нет вариантов?
(4) По событию из поляХТМЛ вот прям сейчас не подскажу. А если инициатором будет 1С?
Типа выполнить из 1С метод JS:
function retTo1C() <
return perem;
>
(4) +5 А, ну по событию, которое есть в конфигураторе у поля html можно запустить retTo1C(). 🙂
Спасибо большое за подсказки! Вроде как должно получится. А не подскажите каким объектом в javascript передать в 1с список переменных. Получится ли это сделать с помощью массива и как с ним работать в 1С(все-таки это не родной массив 1С).
(7) Никогда не передавал массив, только простые переменные. Сейчас попробую.
(7) +8
Отлично всё передаётся.
В ПолеHTML помещаешь
В 1С:
ОтветJS = ЭлементыФормы.ПолеHTMLДокумента.Документ.parentWindow.eval("retTo1C()");
Для каждого ЭлементМассива Из ОтветJS Цикл
Сообщить(ЭлементМассива);
КонецЦикла;
а вот еще бы картинки как разместить, что бы в обработке были и ими можно манипулировать в текстовом поле.
Передача переменной из js в ссылку html
Здравствуйте. Пожалуйста, подскажите как мне передать переменную js в запрос на другую страницу?
var a=1;
Код оптравки значения на другую страницу:
a href="gotov.php?a1=a">текст/a>
Вроде как через ajax это делается, подскажите, как?
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Передача переменной через ссылку
Привет Нажимаю на ссылку index.php?doska=Guest449_&tip=1,и в самом верху index.php прописал 3.
Передача значения переменной из одного файла в другой через ссылку
Всем привет! Задача вроде бы простая и ответ есть вот тут.
Передача переменной из C# в html
Скажите - каким образом можно передать переменную из C# в html пусть у меня в C# есть переменная .
Передача переменной из php в html / js
Делаю сайт со страницей с конвертером валют. Одна часть на php, получает данные о курсе валют.
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь
Передача переменной из html в PHP
Приветствую. Вопрос такой. Как можно задать текст в html и вывести его с помощью PHP .
Передача переменной из html в php
Добрый день. Возникла проблема при передаче переменой из html в php. Прошуршал весь интернет и.
Передача значение переменной из JS в HTML
Можно ли передать значение переменной из JS в HTML? Пример: function a() < var str1='none';.
Передача переменной в функцию из HTML тега A в $
Добрый день! Только начал осваивать азы JS и сразу по техническому заданию пришлось.
Передача переменной из PHP в SQL и вывод из SQL в HTML
Доброго времени суток! Доброго времени суток! Дали задание - создать мини интернет магазин.
Как передать переменную JavaScript в HTML отрывок, как это реализовано во Vue.js?
Как я могу делать что-то похожее, но средствами JavaScript + Webpack (который в Laravel 7)?
Использовать Vue.js не могу в данной ситуации.
- Вопрос задан более трёх лет назад
- 146 просмотров
5 комментариев
Средний 5 комментариев
Вадим @MrDecoy Куратор тега JavaScript
ну, например, поставить туда span с определённым id, создать объект который будет хранить значение для этого спана. Обозначить этому объекту сэтер и гетер. В гетере обновлять текст спана?
Как передать значение переменной из javascript в html
Reg.ru: домены и хостинг
Крупнейший регистратор и хостинг-провайдер в России.
Более 2 миллионов доменных имен на обслуживании.
Продвижение, почта для домена, решения для бизнеса.
Более 700 тыс. клиентов по всему миру уже сделали свой выбор.
Бесплатный Курс "Практика HTML5 и CSS3"
Освойте бесплатно пошаговый видеокурс
по основам адаптивной верстки
на HTML5 и CSS3 с полного нуля.
Фреймворк Bootstrap: быстрая адаптивная вёрстка
Пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap.
Научитесь верстать просто, быстро и качественно, используя мощный и практичный инструмент.
Верстайте на заказ и получайте деньги.
Бесплатный тренинг "PHP для Создания Сайтов: Введение"
Что нужно знать для создания PHP-сайтов?
Ответ здесь. Только самое важное и полезное для начинающего веб-разработчика.
Узнайте, как создавать качественные сайты на PHP всего за 2 часа и 27 минут!
--> Бесплатный курс "Сайт-Визитка За 15 уроков"
Создайте свой сайт за 3 часа и 30 минут.
После просмотра данного видеокурса у Вас на компьютере будет готовый к использованию сайт, который Вы сделали сами.
Вам останется лишь наполнить его нужной информацией и изменить дизайн (по желанию).
--> Бесплатный курс "Основы HTML и CSS"
Изучите основы HTML и CSS менее чем за 4 часа.
После просмотра данного видеокурса Вы перестанете с ужасом смотреть на HTML-код и будете понимать, как он работает.
Вы сможете создать свои первые HTML-страницы и придать им нужный вид с помощью CSS.
Бесплатный курс "Сайт на WordPress"
Хотите освоить CMS WordPress?
Получите уроки по дизайну и верстке сайта на WordPress.
Научитесь работать с темами и нарезать макет.
Бесплатный видеокурс по рисованию дизайна сайта, его верстке и установке на CMS WordPress!
Бесплатный курс "Основы работы с JavaScript"
Хотите изучить JavaScript, но не знаете, как подступиться?
После прохождения видеокурса Вы освоите базовые моменты работы с JavaScript.
Развеются мифы о сложности работы с этим языком, и Вы будете готовы изучать JavaScript на более серьезном уровне.
*Наведите курсор мыши для приостановки прокрутки.
Передача значений переменных из JavaScript в PHP и обратно
В этой небольшой статье мы рассмотрим с вами один интересный момент, касающийся передачи значений переменных.
Иногда возникает необходимость использовать значение PHP-переменной в JavaScript-сценарии, либо наоборот: есть JavaScript-переменная, значение которой нам нужно использовать в PHP-скрипте.
В этом уроке мы рассмотрим простые примеры, которые позволят вам понять общий механизм того, как это можно реализовать.
Для определенности, предлагаю вам создать на локальном компьютере хост с именем php_js и разместить там файл index.php, в котором мы и будем рассматривать наши примеры.
Каркасом файла index.php будет простая HTML-разметка:
Передача значений переменных
Для большей наглядности весь код (включая JavaScript) мы будем писать внутри тэгов body.
1. Передача значения PHP-переменной в JavaScript
Давайте напишем такой код в тэге body:
1. Из PHP в JavaScript:
Итак, у нас есть PHP-переменная с именем name и значением Юрий, и наша задача состоит в том, чтобы это значение вывести на экран, но не средствами PHP, а с помощью JavaScript.
Для этого мы открываем как обычно блок JavaScript-кода и внутри него объявляем переменную с произвольным именем (в нашем случае - userName). Теперь мы этой переменной присваиваем в качестве значения результат работы оператора echo применительно к переменной name.
Как вы видите, мы делаем это в блоке PHP-кода, который открываем и закрываем в пределах одинарных кавычек, обрамляющих строковое значение переменной userName в JavaScript-сценарии.
Таким образом, мы с помощью языка PHP формируем синтаксически верный код JavaScript, который будет корректно выполнен.
В результате выполнения этой строки в переменную userName попадет значение Юрий.
Вот и все. Значение PHP-переменной name было передано в JavaScript-переменную userName.
Теперь нам нужно только убедиться, что в нашей JavaScript-переменной userName хранится ожидаемое значение. Для этого мы выводим значение данной переменной на экран с помощью document.write.
В исходном коде сформированной страницы мы увидим при этом следующую картину:
На этом здесь все, и мы можем двигаться дальше.
2. Передача значения JavaScript-переменной в PHP (метод GET)
Здесь, как вы понимаете, ситуация у нас обратная. В наличии есть JavaScript-переменная, и ее значение нужно каким-то образом передать в PHP-сценарий.
Понятно, что эта задача несколько сложнее, ведь если в первом случае (передача значения PHP-переменной в JavaScript) у нас уже была PHP-переменная, значение которой мы просто вывели внутри JavaScript-кода, то здесь такой вариант не пройдет.
Ведь PHP-скрипт ничего не знает о том, что у нас создана некая JavaScript-переменная. И не узнает он об этом до тех пор, пока мы не отправим серверу GET или POST-запрос, в котором будет фигурировать значение JavaScript-переменной.
Вот тогда, уже на следующем запросе, мы сможем получить доступ к значению этой JavaScript-переменной из PHP-сценария.
Под уже существующим кодом допишем следующее:
2. Из JavaScript в PHP (метод GET):
else < echo '
