Перенос строки на несколько строк кода

@Cyber_C++ · Регистрация: 21.09.2011

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

Всем привет, как можно присвоить свойству .innerHTML несколько строк Html кода? и возможно ли такое или как лучше сделать?

JavaScript
1
2
3
4
5
6
 document.getElementById("reg").innerHTML = "Фамилия:<span>*</span>
        "<input type = "text" size = "40" name = "last_name">
        Имя:<span>*</span>
        <input type = "text" size = "40" name = "name">
        Отчество:
        <input type = "text" size = "40" name = "middle_name">"

так не получается, я так понимаю что проблема в двойных кавычках в html

Vovan-VE · 24.08.2012, 06:24

JavaScript
1
2
3
4
.innerHTML = '<div>\
    <h3>test</h3>\
    <input type="text" size="40" name="name" />\
</div>';

@Cyber_C++ · 24.08.2012, 06:53 **[ТС]**

Отлично! спасибо

Добавлено через 11 минут
Теперь возник новый вопрос.. внутри всего этого html у меня был вставлен php скрипт возможно ли его как-то в эту инструкцию засунуть?

PHP
1
2
3
4
5
6
7
Город проживания:<span>*</span>
        <select name = "city" size = "1">'
<?php
require 'registration.php';
selected();
?>
        </select>

Vovan-VE · 24.08.2012, 07:05

В таком случае, лучше сначала собрать нужную строку в PHP, а потом вывести её целиком с нужными преобразованиями.

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
function js_string($string) {
    return strtr(json_encode( (string) $string), array(
        '</'  => '<\\/',
        '-->' => '-\\->',
        ']]>' => ']\\]>',
    ));
}
 
$html = '<div>
    <input type="text" size="40" name="name" />
</div>';
//...
echo 'x.innerHTML = ', js_string($html);

@Cyber_C++ · 24.08.2012, 07:10 **[ТС]**

Сообщение от Vovan-VE

function js_string($string) {
* * return strtr(json_encode( (string) $string), array(
* * * * '</' *=> '<\\/',
* * * * '-->' => '-\\->',
* * * * ']]>' => ']\\]>',
* * ));
}

Не совсем понял, что мы тут делаем? где можно про такое прочесть?

Vovan-VE · 24.08.2012, 11:47

Сообщение от Cyber_C++

Не совсем понял, что мы тут делаем? где можно про такое прочесть?

1. С помощью json_encode() превращаем строку в строковый литерал JSON.
2. Поскольку всё это происходит в контексте HTML, то сам html первичен, а JavaScript, который в него внедрен - вторичен. Во избежание казусов не помешают дополнительные "распорки", чтобы не получилось следующего бреда:

HTML5
1
<script>var foo = '...</script>';</script>

HTML5
1
2
3
<script><!--
var foo = '...-->...</script>';
//--></script>

HTML5
1
2
3
<script>//<![CDATA[
var foo = '...]]>...</script>';
//]]></script>

В противном случае сам тег <script> имеет шансы внезапно завершиться не там, где должен.
В строках JS любая escape последовательность, не имеющая особой роли, означает сам зaэкранированный символ:

JavaScript
1
alert('- \-');

Добавлено через 1 минуту
Поэтому получается:

HTML5
1
<script>var foo = '...<\/script>';</script>

HTML5
1
2
3
<script><!--
var foo = '...-\->...</script>';
//--></script>

HTML5
1
2
3
<script>//<![CDATA[
var foo = '...]\]>...</script>';
//]]></script>

Новые блоги и статьи Все статьи Все блоги /
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .