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

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

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

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

Javascript

 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

.innerHTML = '<div>\
    <h3>test</h3>\
    <input type="text" size="40" name="name" />\
</div>';

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

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

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

PHP

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

Vovan-VE · 24.08.2012, 07:05

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

PHP

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>

@Cyber_C++ 0 / 0 / 0 Регистрация: 21.09.2011 Сообщений: 52
	24.08.2012, 07:10 [ТС]	5
	Сообщение от Vovan-VE function js_string($string) { * * return strtr(json_encode( (string) $string), array( * * * * '</' => '<\\/', * * * '-->' => '-\\->', * * * * ']]>' => ']\\]>', * * )); } Не совсем понял, что мы тут делаем? где можно про такое прочесть? 0