Как лучше всего обрабатывать теги стиля при загрузке HTML с помощью AJAX в IE 6 или 7?
Наша структура AJAX работает так, что отправляет обратно фрагмент HTML, который может содержать тег. Затем мы берем этот фрагмент HTML и устанавливаем его как innerHTML элемента. В IE 6/7 теги игнорируются, поэтому возвращаемый HTML-код не оформлен должным образом.
Мне интересно, сталкивались ли другие люди с подобными проблемами, и если да, то как они с ними справлялись. Я знаю, что могу использовать библиотеку javascript (мы используем YUI) для динамического получения внешних таблиц стилей, чтобы я мог преобразовать их во внешнюю таблицу стилей. Просто интересно, есть ли другие способы исправить это.
Ответы 3
Конечно, лучший метод - это чистое решение DOM, то есть использовать document.createElement для генерации всех элементов, возвращаемых сервером.
Тем не менее, есть (конечно) взлом IE, чтобы обойти некоторые проблемы, представленные innertHTML. Вместо того, чтобы вставлять ответ прямо в DOM, сначала создайте элемент, добавьте его innerHTML, а затем прикрепите его к DOM.
function responseHandler(response) {
var div = document.createElement('div');
div.innertHTML = response.responseText
document.getElementById('ZE_ELEMENT').appendChild(div);
}
Теги встроенного стиля должны распознаваться. Блок таблицы стилей не будет, поскольку они загружаются во время первоначального рендеринга страницы.
Вы можете динамически добавлять классы в существующую таблицу стилей, но вам нужно будет проанализировать свой HTML-фрагмент, чтобы захватить то, что есть, и сделать это в скрипте.
Вы можете попробовать jquery empty().append() вместо использования html() или innerHTML для IE 6 - IE 8. Он работает для меня, загружая полный html-документ со встроенным стилем. Вот пример кода.
var url = "inline.html";
$.ajax({
url: url,
success: function (html) {
$('#content').empty();
$('#content').append(html);
},
error: function () { return null; }
});
Для получения дополнительной информации проверьте ссылку в блоге Решение: проблема со встроенным CSS и вызов Ajax с IE6 на IE8
Однозначно самый надежный способ, особенно если речь идет о дальнейших манипуляциях. IE 6/7 вообще не выполняет innerHTML для таблиц. Кроме того, innertHTML? Это то, что использует Yahoo?