Дата  Запланированые курсы
05.08 Adobe InDesign для профессионалов
19.08 Автоматизация работы в Excel с использованием VBA
26.08 Инструменты бизнес-анализа Microsoft Excel: PowerPivot, PowerView
02.09 Управление IT- проектами
02.09 Поисковая оптимизация (SEO)
02.09 DEV-QT10. Прикладное программирование на С++ с использованием Qt. Базовый уровень
02.09 DEV-PYQT. Разработка оконных приложений Python c использованием Qt
02.09 DEV-OCPJP. Подготовка к сдаче сертификационных экзаменов серии Oracle Certified Professional Java Programmer
09.09 Основы создания веб-сайтов. Adobe Dreamweaver
16.09 Поисковая оптимизация (SEO) для профессионалов
16.09 Разработка Web-приложений (Основы PHP)
30.09 Введение в тестирование программного обеспечения
30.09 Введение в тестирование программного обеспечения
30.09 Введение в тестирование программного обеспечения
21.10 Профессиональная верстка сайтов. HTML5 и CSS3
28.10 DEV-PYWEB. Разработка WEB приложений на языке Python
25.11 Поисковая оптимизация (SEO)
09.12 Поисковая оптимизация (SEO) для профессионалов
Добро пожаловать, Гость! Чтобы использовать все возможности Вход или Регистрация.

Уведомление

Icon
Error

Отображение спецсимволов
Vladimir Malikov
#1 Оставлено : 11 октября 2010 г. 18:22:37(UTC)
Ранг: Новичок

Группы: Зарегистрированные пользователи
Зарегистрирован: 26.07.2010(UTC)
Сообщений: 7
Баллов: 21
Откуда: Russia Saint Petersburg

Сказал(а) «Спасибо»: 1 раз
Простенький пример:
<font color="brown">&lt;html&gt;
&lt;head&gt;
&lt;script type="text/javascript"7&gt;
var txt = '#169;';
var txtNode = window.document.createTextNode(txt);
window.onload = function () {
window.document.getElementById('d1').appendChild(txtNode);
}

&lt;/script&gt;
&lt;style type="text/css"&gt;
body {
padding: 20px;
}
div {
display: inline;
border: 1px solid gray;
padding: 10px;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="d1"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</font id="brown">

Мне нужно, чтобы JavaScript отобразил спецсимвол по его коду, а он переводит в сущность символ «&».
Как решить проблему?
Реклама
Mikhail.Buranov
#2 Оставлено : 11 октября 2010 г. 20:15:54(UTC)
Mikhail.Baranov

Ранг: Администратор

Группы: Администраторы, Модераторы, Зарегистрированные пользователи
Зарегистрирован: 07.10.2007(UTC)
Сообщений: 337
Баллов: 2,114,020
Мужчина
Откуда: Russia

Если нет принципиального условия корёжить DOM - можно сделать вот так:
Код:
&lt;html&gt;
&lt;head&gt;
&lt;script type="text/javascript"7&gt;
var txt = '#169;';
window.onload = function () {
window.document.getElementById('d1').innerHTML = txt;
}

&lt;/script&gt;
&lt;style type="text/css"&gt;
body {
padding: 20px;
}
div {
display: inline;
border: 1px solid gray;
padding: 10px;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="d1"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
Mikhail.Buranov
#3 Оставлено : 11 октября 2010 г. 20:25:39(UTC)
Mikhail.Baranov

Ранг: Администратор

Группы: Администраторы, Модераторы, Зарегистрированные пользователи
Зарегистрирован: 07.10.2007(UTC)
Сообщений: 337
Баллов: 2,114,020
Мужчина
Откуда: Russia

Если нужны манипуляции с DOM - используйте шестнадцатеричную запись:
Код:
&lt;html&gt;
&lt;head&gt;
&lt;script type="text/javascript"7&gt;
var txt = '\251';
var txtNode = window.document.createTextNode(txt);
window.onload = function () {
window.document.getElementById('d1').appendChild(txtNode);
}

&lt;/script&gt;
&lt;style type="text/css"&gt;
body {
padding: 20px;
}
div {
display: inline;
border: 1px solid gray;
padding: 10px;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="d1"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;


Список часто используемых символов и их кодов: www.evotech.net/b...tities-in-numeric-order/
Vladimir Malikov
#4 Оставлено : 12 октября 2010 г. 16:46:37(UTC)
Ранг: Новичок

Группы: Зарегистрированные пользователи
Зарегистрирован: 26.07.2010(UTC)
Сообщений: 7
Баллов: 21
Откуда: Russia Saint Petersburg

Сказал(а) «Спасибо»: 1 раз
Что-то не получается :-(
<font color="brown">&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";&gt;
&lt;html xmlns="www.w3.org/1999/xhtml"; xml:lang="ru"&gt;
&lt;head&gt;
&lt;title&gt;Символы и коды&lt;/title&gt;
&lt;meta http-equiv="content-type" content="text/html; charset: utf-8" /&gt;
&lt;meta http-equiv="content-language" content="ru" /&gt;
&lt;script type="text/javascript"&gt;
var counter = 0; //Счётчик
window.onload = function() {
var elementTABLE = window.document.createElement('TABLE');
var elementTBODY = window.document.createElement('TBODY');
elementTABLE.appendChild(elementTBODY);
for (var cnt1 = 0; cnt1 &lt; 20; cnt1++) { //Цикл создания строк (TR) в таблице
var elementTR = elementTBODY.insertRow(elementTBODY.rows.length);
for (var cnt2 = 0; cnt2 &lt; 10; cnt2++) { //Цикл создания ячеек (TD) в таблице
//Преобразование в шестнадцатеричную форму
var hexValue = Number(counter).toString(16);
while(hexValue.length &lt; 4) {
hexValue = '0'+hexValue;
}
var symbol = '\\u' + hexValue.toUpperCase();
//Формирование DOM
var elementDIV = window.document.createElement('DIV');
var elementSTRONG = window.document.createElement('STRONG');
elementSTRONG.style.display = 'block';
elementSTRONG.style.fontSize = '80%';
var symbolText = window.document.createTextNode(symbol);
var symbolCode = window.document.createTextNode('#'+counter+';');
var elementTD = elementTR.insertCell(elementTR.cells.length);
elementDIV.appendChild(symbolText);
elementSTRONG.appendChild(symbolCode);
elementDIV.appendChild(elementSTRONG);
elementTD.appendChild(elementDIV);
counter++;
}
}
window.document.body.appendChild(elementTABLE);
}
&lt;/script&gt;
&lt;style type="text/css"&gt;
table {
border-collapse: collapse;
}
td div{
text-align: center;
border: 1px solid gray;
padding: 5px 2px;
width: 50px;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;Символы и коды&lt;/h1&gt;
&lt;/body&gt;
&lt;/html&gt;
</font id="brown">
avram
#5 Оставлено : 9 августа 2016 г. 14:40:49(UTC)
Ранг: Новичок

Группы: Зарегистрированные пользователи
Зарегистрирован: 09.08.2016(UTC)
Сообщений: 4
Баллов: 12
Откуда: Kiev

Претендовать на победу в конкурсе может любой из общедоступных веб-сайтов, ориентированных на русскоговорящую аудиторию. Победителей определяет жюри конкурса. Заявки принимаются прямо сейчас!
RSS Лента  Atom Лента
Пользователи, просматривающие эту тему
Guest
Быстрый переход  
Вы не можете создавать новые темы в этом форуме.
Вы не можете отвечать в этом форуме.
Вы не можете удалять Ваши сообщения в этом форуме.
Вы не можете редактировать Ваши сообщения в этом форуме.
Вы не можете создавать опросы в этом форуме.
Вы не можете голосовать в этом форуме.