HTML+CSS+JavaScript

В РНР корректная генерация кода требует обязательного использования кавычек при задании свойств элементов:

echo "<input type='text' value='100' />";

Есть ли такое же требование в Java Script или это необязательно?
Спасибо.

вообще то наоборот :)

echo '<input type="text" value="100" />';

Это где такое написано???

А по теме - не очень понятно чего вы хотите. php все равно, что вы ему укажите генерировать, как собственно и яваскрипту.

РНР всё-равно, да вот только при незаключении свойств в кавычки и включении переменных возникают ошибки при работе интерпретатора РНР. Вот я и хочу знать, могут ли возникнуть подобные ошибки в ява-скрипт?

В приведенном вами примере ничего подобного не происходит. Может покажете пример, где возникают ошибки?

В данный момент не покажу, не помню точно, но помню, что сталкивался с этим не раз. Да и на форуме РНР темы по этой проблеме видел неоднократно. Кажется, при динамической генерации кода с использованием $_GET - переменных.
А приведенный код действительно проблем не даст, т.к. он очень простой и не имеет переменных.

echo "<input type='text' value='100' />" - в этой строке нет РНР-переменных и проблем никаких для него не будет.

Да знаю что не будет. Будут проблемы при работе с переменными, если не заключать свойства в кавычки.

А какое отношение РНР $varname = "string" имеет к HTML <input varname=string, где вы можете вообще не указать кавычек?

Вопрос сводится вот к чему: в ява-скрипт тоже можно включать переменные в генерацию html -кода. Требуется ли и там также явно заключать свойства тегов в кавычки, как и в РНР? Или на это можно не обращать внимания?

Ну это смотря что имеется ввиду, если имя тега, то html не ругнется, если вы опустите кавычки, но если вы подставляете строковое значение в объявляемую js-переменную или строковый аргумент функции, то отсутствие кавычек в этом случае будет ошибкой:

<script> var s = "<?php echo $var; ?>"; //а так неверно var s = <?php echo $var; ?>; </script>

А что вернее, вот это:

var a=100; document.getElementById('mydiv').innerHTML="<input type='text' value="+a+ "/>";

Или это:

var a=100; document.getElementById('mydiv').innerHTML="<input type=text value="+a+ "/>";

?

А вы проверьте - будут ли проблемы в исполнении:

<input type="text" name="as1" onclick="alert(this.name)"> <input type=text name=as2 onclick="alert(this.name)">

принято атрибуты html-тегов заключать в двойные, а код js в одинарные

Если вы будете заключать атрибуты в двойные кавычки, то вы не сможете так просто считывать значения переменных РНР, их придётся выделять из строк.

я например вообще никогда не делаю интерполяцию. делаю просто объединение строк. хотя бы потому, что повышается читабельность кода
да и тем более есть еще экранирование

В ява-скрипт экранирования нет, если я не ошибаюсь.

если ошибаетесь

Приведите пример кода с экранированием!

.. .innerHTML = "<div onclick='javascript:alert( \"aaaa\" );'>

<div onclick="alert('aaaa')">

это всего лишь пример был. человек не знает что в js есть экранирование. написал ему в его же стиле с одинарными кавычками

p.s да, javascipt там лишнее

такое чувство что он пишет в обычном блокноте. иначе не вставали бы такие вопросы, т.к подсветка реально помогает. и не делал бы интерполяцию скорее всего

Вообще, с учетом того, что редакторы зачастую по разному подсвечивают строки заключенные в одинарные и двойные кавычки, я предпочитаю обрамлять значения атрибутов двойными кавычками, в этом случае они подсвечивается цветом отличным от имен тегов и самих атрибутов.

а я предпочитаю настраивать подсветку под себя ;)

Ну да, велика была бы надобность шерстить каждый понравившийся редактор в настройках. Если мне нравится подсветка HomeSite, удобная для меня, то разукрашивать ее еще чем-то, это уже излишество.

Минуту...
Да не работает ваш код!
Работает только без слэшей внутри алерт и по другому событию, но не по onclick. Во-вторых, такой код в принципе бесполезен. Покажите, как экранировать кавычки, обрамляющие свойство type=text вот здесь:

...innerHTML="<input type='text' />";

?

Именно здесь ничего не надо экранировать, пока вы не будет это выводить в РНР, например, так:

<? echo "...innerHTML=<input type=\"text\" />";

psychomc утверждает, что в ява-скрипт экранирование есть. Пусть покажет рабочий пример. Я пока не вижу.

потому что в javascript вы ..уй с горы

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"     "http://www.w3.org/TR/html4/loose.dtd"> <html>     <head>         <title></title>     </head>     <body>         <h1 id="id1">тег</h1>         <script>             document.getElementById('id1').innerHTML = "<div onclick='alert(\"aaaa\");'>кликни сюда, js-man :)</div>";         </script>     </body> </html>

---

работает?

...уй с горы - это ты. Повторяю, твой пример не работает, теперь покажи экранирование в input type=text

смотри

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"     "http://www.w3.org/TR/html4/loose.dtd"> <html>     <head>         <title></title>     </head>     <body>         <h1 id="id1">тег</h1>         <script>             document.getElementById('id1').innerHTML = "<input type=\"text\" value=\"хватит тупить\"/>";         </script>     </body> </html>

я вот не понимаю, у тебя проблема с браузером или с чем-то другим?
работает под ie6, firefox 3, opera 10

Вот это вроде заработало. С тебя бутылка...

:)
p.s настоятельно рекомендую какой-нибудь редактор с подсветкой, типа notepad++ , если конечно уже не пользуетесь.

И что он мне даст, этот редактор?

поможет сосредоточить внимание не на кавычках или каких-то других синтаксических ошибках, а на алгоритме. подсветка очень сильно помогает в чтении и написании кода. если бы вы им пользовались, то скорее всего этой темы бы даже не возникло
в общем, попробуете-узнаете

вообще-то, для корректной генерации кода в js используются функции типа createElement( ), а не просто функции вывода

Кем используются? Я их не использую и не вижу необходимости. Такие функции нужны при работе с DOM, а не при генерации html, для чего вполне хватает свойства innerHTML.

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

Ну это спорный вопрос. С DOM работать сложней, чем с обычной моделью. Зачем тогда городить огород??? Да и разные браузеры могут интерпретировать DOM по-разному, и тут можно наступить на хорошие грабли.:)))
DOM нужно использовать только тогда, когда она действительно нужна, например, при динамической генерации тегов.

никогда не встречал таких граблей.

К примеру, вот здесь:

<node1>a</node1> <node2>b</node2>

разные браузеры интерпретируют пространство между </node1> и <node2> по-разному.

если в жс будете выводить так, то он ругнётся

<node1>a</node1>  <node2>b</node2>

ибо надо так:)

..innerHTML = "<node1>a</node1>\n<node2>b</node2>";

ничего подобного пхп не требует. и яваскрипт тоже не требует.
требует хтмл.
значение аттрибута type внешне никак не влияет на результат, если его не заключить в ковычки.
а с value дела обстоят по-другому: если значение без пробела - все будет ок,
но стоит поставить пробел, его значением станет строка до первого пробела.
поэтому значение аттрибута value нужно обязательно заключать в ковычки.