ReSQL.ru
     
powered by simpleCommunicator - 2.0.36     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Теоретический вопрос, как правильнее делать на JavaScript
18 сообщений из 18, страница 1 из 1
Теоретический вопрос, как правильнее делать на JavaScript
    #34071625
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Damnedest
Участник
Есть два способа создать таблицу со всеми ее внутренностями.
Первый, мы просто делаем
Код: plaintext
1.
div.innerHTML='<table><tr><td>1</td></tr></table>';
Второй способ сложнее, но
Код: plaintext
1.
2.
3.
var newElem = document.createElement("TABLE");
document.div.appendChild(newElem);
...

Какой способ правильнее?
...
Рейтинг: 0 / 0
21.10.2006, 12:25
| Ответить | Цитировать | Написать  
Теоретический вопрос, как правильнее делать на JavaScript
    #34071632
Vladimir Kozlov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Vladimir Kozlov
Участник
DamnedestЕсть два способа создать таблицу со всеми ее внутренностями.
Первый, мы просто делаем
Код: plaintext
1.
div.innerHTML='<table><tr><td>1</td></tr></table>';
Второй способ сложнее, но
Код: plaintext
1.
2.
3.
var newElem = document.createElement("TABLE");
document.div.appendChild(newElem);
...

Какой способ правильнее?

Думается мне, что первый способ возлагает больше логики на сервер, а второй - на клиент. А если вместо тейбла что-то другое сунуть придется - то тебе выбирать что модифицировать - либо яваскриптовую часть либо серверную. ИМХО серверную поприятнее модифицировать :)
...
Рейтинг: 0 / 0
21.10.2006, 12:37
| Ответить | Цитировать | Написать  
Теоретический вопрос, как правильнее делать на JavaScript
    #34071634
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Damnedest
Участник
Нет, обе части выполняются на клиенте...

например мне надо сделать таблицу.
Я могу создать просто заполнив innerHTML у тега DIV например, а могу создать объект таблицу, заполнить в нем все свойства, создать объекты TR и TD, присоединить их к таблице и полученное в итоге присоединить к DIV.

Оба варианта выполняются полностью на клиенте, а сервере передает только необходимую информацию. На вывод он не влияет.
...
Рейтинг: 0 / 0
21.10.2006, 12:39
| Ответить | Цитировать | Написать  
Теоретический вопрос, как правильнее делать на JavaScript
    #34071642
Vladimir Kozlov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Vladimir Kozlov
Участник
DamnedestНет, обе части выполняются на клиенте...
Оба варианта выполняются полностью на клиенте, а сервере передает только необходимую информацию. На вывод он не влияет.

Я имел в виду, что для первого варианта полную структуру html-фрагмента строит сервер, и клиенту остается только тупо воткнуть полученное в требуемое место. А во втором варианте теги таблицы формируются клиентским скриптом.
...
Рейтинг: 0 / 0
21.10.2006, 12:45
| Ответить | Цитировать | Написать  
Теоретический вопрос, как правильнее делать на JavaScript
    #34071645
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Damnedest
Участник
Почему же?

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
var arr = new Array();
//Это возвращает севере. Массив для вывода
arr[ 0 ] =  1 ;
arr[ 1 ] =  2 ;
arr[ 2 ] =  3 ;
//Это делает клиент
result_html = '<table>';
for (i= 0 ;i< 3 ;i++)
{
  result_html += '<tr><td>'+arr[i]+'</td></tr>';
}
result_html = '</table>';

document.write(result_html);
...
Рейтинг: 0 / 0
21.10.2006, 12:50
| Ответить | Цитировать | Написать  
Теоретический вопрос, как правильнее делать на JavaScript
    #34071647
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Damnedest
Участник
Тут видно, что сожержимое формируется клиентом. Вопрос в том как формировать... с помощью innerHTML или с помощью объектов
...
Рейтинг: 0 / 0
21.10.2006, 12:51
| Ответить | Цитировать | Написать  
Теоретический вопрос, как правильнее делать на JavaScript
    #34071651
Vladimir Kozlov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Vladimir Kozlov
Участник
DamnedestПочему же?

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
var arr = new Array();
//Это возвращает севере. Массив для вывода
arr[ 0 ] =  1 ;
arr[ 1 ] =  2 ;
arr[ 2 ] =  3 ;
//Это делает клиент
result_html = '<table>';
for (i= 0 ;i< 3 ;i++)
{
  result_html += '<tr><td>'+arr[i]+'</td></tr>';
}
result_html = '</table>';

document.write(result_html);


А почему не возвращать через XMLHttpRequest уже сформированный сервером фрагмент вместо сборки кусков на клиенте?
...
Рейтинг: 0 / 0
21.10.2006, 12:53
| Ответить | Цитировать | Написать  
Теоретический вопрос, как правильнее делать на JavaScript
    #34071652
Vladimir Kozlov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Vladimir Kozlov
Участник
DamnedestТут видно, что сожержимое формируется клиентом. Вопрос в том как формировать... с помощью innerHTML или с помощью объектов

Сформировать фрагмент серверными скриптами и клиенту остается только тупо воткнуть пришедший от XMLHttpRequest ответ в требуемый innerHTML. Клиент получится тоньше :)
...
Рейтинг: 0 / 0
21.10.2006, 12:54
| Ответить | Цитировать | Написать  
Теоретический вопрос, как правильнее делать на JavaScript
    #34071654
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Damnedest
Участник
HTML занимает слишком большой объем информации по сравнению с полезными данными...

Слишком большой объем придется закачивать клиенту... Увеличение объема страницы с 50 кило до 3-4 мег... :)
...
Рейтинг: 0 / 0
21.10.2006, 12:56
| Ответить | Цитировать | Написать  
Теоретический вопрос, как правильнее делать на JavaScript
    #34071655
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Damnedest
Участник
При большом количестве элементов.
...
Рейтинг: 0 / 0
21.10.2006, 12:56
| Ответить | Цитировать | Написать  
Теоретический вопрос, как правильнее делать на JavaScript
    #34071660
Vladimir Kozlov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Vladimir Kozlov
Участник
DamnedestHTML занимает слишком большой объем информации по сравнению с полезными данными...

Слишком большой объем придется закачивать клиенту... Увеличение объема страницы с 50 кило до 3-4 мег... :)

Ага, идею понял. Если куча однотипных элементов у которых меняется только один кусок - тогда да, логичнее передавать с сервера только этот кусок, и повторяющиеся теги доклеивать клиентом.
...
Рейтинг: 0 / 0
21.10.2006, 13:00
| Ответить | Цитировать | Написать  
Теоретический вопрос, как правильнее делать на JavaScript
    #34071661
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Damnedest
Участник
Ага, в этом то и задумка. Только я не знаю, как правильнее создавать этот кусок :)
...
Рейтинг: 0 / 0
21.10.2006, 13:01
| Ответить | Цитировать | Написать  
Теоретический вопрос, как правильнее делать на JavaScript
    #34071666
Vladimir Kozlov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Vladimir Kozlov
Участник
DamnedestАга, в этом то и задумка. Только я не знаю, как правильнее создавать этот кусок :)

Первый способ имхо нагляднее и читабельнее, а второй - академичнее :)
...
Рейтинг: 0 / 0
21.10.2006, 13:06
| Ответить | Цитировать | Написать  
Теоретический вопрос, как правильнее делать на JavaScript
    #34071750
maXmo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
maXmo
Участник
Первый, читабельнее, лучше, если закрыть глаза на то, что это нестандартно и будут проблемы, если будешь выводить не только числа. Типичный пример - отобразить текст, содержащий символы <, >, &, ', ", возможно, в тексте атрибутов. Далее, при генерации тегов текстом можно легко нарушить иерархию элементов (часто встречается), а то и вообще сгенерить невалидный фрагмент.
...
Рейтинг: 0 / 0
21.10.2006, 14:38
| Ответить | Цитировать | Написать  
Теоретический вопрос, как правильнее делать на JavaScript
    #34071758
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Damnedest
Участник
Ну это понятно что перед на сервере надо делать
Код: plaintext
addshalshes(htmlspecialchars($value));

Никаких проблем с выводом не возникнет вообще. Все отобразится так как введено.

Но все же вопрос немного в другом, как правильнее?
...
Рейтинг: 0 / 0
21.10.2006, 14:42
| Ответить | Цитировать | Написать  
Теоретический вопрос, как правильнее делать на JavaScript
    #34071774
maXmo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
maXmo
Участник
что значит "правильнее"?
...
Рейтинг: 0 / 0
21.10.2006, 14:54
| Ответить | Цитировать | Написать  
Теоретический вопрос, как правильнее делать на JavaScript
    #34071777
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Damnedest
Участник
Либо создавать таблицу как объект, формировать внутри нее строки как объекты и т.п.
Или просто сделать все через innerHTML
...
Рейтинг: 0 / 0
21.10.2006, 14:56
| Ответить | Цитировать | Написать  
Теоретический вопрос, как правильнее делать на JavaScript
    #34071821
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LINUXER
Участник
И то и то правильно. innerHTML может образовывать ДОМ
Неправильно будет использовать неудобный в конкретной ситуации способ
...
Рейтинг: 0 / 0
21.10.2006, 15:51
| Ответить | Цитировать | Написать  
18 сообщений из 18, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Теоретический вопрос, как правильнее делать на JavaScript
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru             Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=34071661&tid=1459238]:
 0ms
get settings:
 10ms
get forum list:
 12ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 38ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 53ms
get tp. blocked users:
 1ms
others: 13ms
total:  149ms
созд. / загр.: 149ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]