Javascript-форум - Почему рушится ИЕ (задачка на подумать)

Javascript-форум (https://javascript.ru/forum/)

- Internet Explorer (https://javascript.ru/forum/css-html-internet-explorer/)

- - Почему рушится ИЕ (задачка на подумать) (https://javascript.ru/forum/css-html-internet-explorer/3883-pochemu-rushitsya-ie-zadachka-na-podumat.html)

Kolyaj

02.06.2009 14:16

Почему рушится ИЕ (задачка на подумать)

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

Попробуйте открыть в ИЕ следующую страничку

<html>
<head>
    <base href="/" />
    <script type="text/javascript">
        var head=document.documentElement.firstChild; // Есть и другие варианты получить head. Кому как удобнее.
        var js=document.createElement('script');
        js.type='text/javascript';
        js.src='script.js';
        head.appendChild(js);
    </script>
</head>
<body>
</body>
</html>

Небольшие хинты, которые сэкономят время в случае заинтересованности:
1. Если ИЕ уже порушился, то обновлять страницу бесполезно, даже если она была изменена. Нужно перезагружать ИЕ.
2. Чтобы избавится от пункта 1, можно открывать проблемную страницу в iframe.

И еще один хинт: проблема тут на стыке сразу двух багов.

Если кто-то видел, как я это уже описывал, просьба попридержать :)

x-yuri

02.06.2009 14:30

ты забыл указать, что ie6 рушится? А ie7, кстати, просто не подгружает (запускает) script.js

p.s. прикрепи, плз, исходники ie6, без них тяжело как-то думается :yes:

B~Vladi

02.06.2009 14:40

После прописывания

<base href="/" />

IE6 Перестал находить файл, указанный в адресной строке (Internet Explorer cannot open the Internet Site [url]), а не файл подключаемого скрипта. Появилось предположение, что в аттрибуте href нежно указывать полный путь к html документу(http://domain.zon/doc.html). После этого скрипт стал загружаться, но ИЕ всё равно падал(!). Судя по сообщению (Internet Explorer cannot open the Internet Site [url]) это действительно баг ИЕ, т.к. html-то мы открыли(скрипт подключился), а в сообщении пишет совсем другое.

B~Vladi

02.06.2009 14:42

Если же мы перенесём наш скрипт в body, баг пропадает...

Kolyaj

02.06.2009 14:46

Чтобы не смущало отсутствие подключаемого скрипта, можно так

<html>
<head>
    <base href="/" />
    <script type="text/javascript">
        var head=document.documentElement.firstChild;
        var js=document.createElement('script');
        js.type='text/javascript';
        js.src='http://javascript.ru/forum/images/ca_serenity/misc/scripts.js';
        head.appendChild(js);
    </script>
</head>
<body>
</body>
</html>

Kolyaj

02.06.2009 14:47

Цитата:

Сообщение от B~Vladi

Если же мы перенесём наш скрипт в body, баг пропадает...

Вопрос не в том, как решить проблему научным тыком, а почему рушится ИЕ6. Чтобы знать и в будущем не натыкаться.

Цитата:

Сообщение от x-yuri

ты забыл указать, что ie6 рушится?

Да, проблема в ИЕ6.

B~Vladi

02.06.2009 14:48

Цитата:

Сообщение от x-yuri

ты забыл указать, что ie6 рушится? А ie7, кстати, просто не подгружает (запускает) script.js

Да это я тоже заметил. Но если мы в base или ссылке на скрипт пишем полный путь к html, то всё гуд. Думаю, это говорит нам о том, что base нужен для указания того. откуда брать док-ты, когда ие встречает относительную ссылку, поэтому href в base обязан иметь базовый урл, а не относительный, вроде "/".

Kolyaj

02.06.2009 14:50

Цитата:

Сообщение от B~Vladi

Но если мы в base или ссылке на скрипт пишем полный путь к html, то всё гуд.

Не надо писать не подтвержденных предположений.

<html>
<head>
    <base href="http://www.yandex.ru/" />
    <script type="text/javascript">
        var head=document.documentElement.firstChild;
        var js=document.createElement('script');
        js.type='text/javascript';
        js.src='http://javascript.ru/forum/images/ca_serenity/misc/scripts.js';
        head.appendChild(js);
    </script>
</head>
<body>
</body>
</html>

Рушится.

B~Vladi

02.06.2009 14:51

Цитата:

Сообщение от Kolyaj

Это не тык, а простосто наблюдение.

B~Vladi

02.06.2009 14:53

Цитата:

Сообщение от Kolyaj

Не надо писать не подтвержденных предположений.

Это проверенно! Чё из мя дурака делать?!

http://www.yandex.ru/ и http://javascript.ru/... Найди 10 отличий называется...

Вот мой html, при котором ие7 грузит скрипт

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>
<head>
	<base href="http://cs/test/test.html" />
    <script type="text/javascript">
        var head=document.documentElement.firstChild;
        var js=document.createElement('script');
        js.type='text/javascript';
        js.src='script.js';
        head.appendChild(js);
    </script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
test
</body>
</html>

Домены должны совпадать, как ты считаешь?

B~Vladi

02.06.2009 14:54

DOCTYPE роли не играет.

Kolyaj

02.06.2009 15:01

Цитата:

Сообщение от B~Vladi

Вот мой html, при котором ие7 грузит скрипт

Цитата:

Сообщение от x-yuri

ты забыл указать, что ie6 рушится?

Цитата:

Сообщение от Kolyaj

Да, проблема в ИЕ6.

Ладно, если кто другой не понял, но вам-то я лично писал

Цитата:

Попробуйте запустить ваш код в ИЕ6 в контексте такой вот страницы.

Цитата:

Сообщение от B~Vladi

Домены должны совпадать, как ты считаешь?

Без разницы.

B~Vladi

02.06.2009 15:08

Вобщем ие7 грузит скрипт, когда в base указан базовый урл, с которого ты грузишь html. Это и верно, потому что значение должно быть именно таким. если ты напишешь google.ru в base, то при, например, <img src="www.site.ru/img/logo.jpg"/> ,ие будет грузить с http://google.ru/www.site.ru/img/logo.jpg... Понимаем?!

B~Vladi

02.06.2009 15:11

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

Kolyaj

02.06.2009 15:20

Цитата:

Сообщение от B~Vladi

Угу.

B~Vladi

02.06.2009 15:26

Сдаёцца мне что на вопрос "Почему рушится ИЕ" нам смогут ответить только парни из микрософта... Это как же нужно прикрутить подержку тега криво?!:lol:

B~Vladi

02.06.2009 15:27

А всё потому. что привыкли всё воровать/отбирать у других, а самим что-то сделать - руки кривые... Линух - форева! Парни молодцы!

Kolyaj

02.06.2009 15:28

Ну почему же. Я знаю, просто для интереса запостил.

B~Vladi

02.06.2009 15:36

Ура, товарисчи!
Щя всё напишу;)

B~Vladi

02.06.2009 15:49

Вопсчем так... на вопрос "Почему рушится ИЕ" ответа пока не нашёл... Возможно нужно просто логически подумать... Но нашел способ, который обойдёт ентот баг.

Вопсчем задачи у нас такие:
1. Имеем тег base с установленным атрибутом href в значение / или в любое другое.
2. Скриптом. расположенным в хэде необходимо вставить скрипт/стиль/мета и т.д в тот же хэд.
3. Не упасть.

Вопсчем решение такое. Незнаю почему, но падение вызвано методом appendChild. Вместо этого мы можем использовать и другие методы дом, например, такие, как insertBefore.

Еси поправить наш скрипт, то получим такое:

<base href="/" />

<script type="text/javascript">
        var head=document.documentElement.firstChild;
        var js=document.createElement('script');
        js.type='text/javascript';
        js.src='script.js';
        head.insertBefore(js,document.documentElement.firstChild.lastChild);
    </script>

Скажу сразу, что этот код не будет работать, т.к. у нас неправильно установленно значение href для base. Если мы не можем его исправить - путь к скрипту указываем полный. Если можем - правим на правельный и тогда все относительные ссылки у нас будут рабочими.

По поводу конструкции

document.documentElement.firstChild.lastChild

.
Код

document.documentElement.firstChild

получает наш хэд(можно и по-другому), а lastChild указывает нам на узел, перед которым нужно вставлять то, что требуецца. Узел может быть любым, хоть первым, хоть последним.

Вот собсно и всё.

Kolyaj

02.06.2009 15:56

B~Vladi,
это все понятно. Использование insertBefore вместо appendChild, если падает ИЕ -- классическое решение. Вопрос не в этом. А ответ намного более удивительный, чем вы себе представляете :)

B~Vladi

02.06.2009 16:02

Цитата:

Сообщение от Kolyaj

Вопрос не в этом.

Я знаю в чём вопрос и по этому поводу уже написал. Это для тех, кому всё же нужен вариант обхода(кроме использования ваших любимых jq, prototype ect).

Цитата:

Сообщение от Kolyaj

А ответ намного более удивительный, чем вы себе представляете

ну?!

B~Vladi

02.06.2009 16:04

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

B~Vladi

02.06.2009 16:05

Это кста относицца ко многим месным...

Kolyaj

02.06.2009 16:05

Цитата:

Сообщение от B~Vladi

Это для тех, кому всё же нужен вариант обхода

Проще в body скрипт переложить.

Цитата:

Сообщение от B~Vladi

кроме использования ваших любимых jq, prototype ect

Моих? :blink: Я с Prototype писал давным давно, с jQuery никогда, с ExtJS пишу только сложные интерфейсы, которые, будь моя воля, писал бы без него :) Все остальное на своих скриптах.

Цитата:

Сообщение от B~Vladi

ну?!

Завтра :)

B~Vladi

02.06.2009 16:06

Цитата:

Сообщение от Kolyaj

Проще в body скрипт переложить.

Ну путей много... не будем тормозить на ентом...

Цитата:

Сообщение от Kolyaj

Завтра

Ну йа грю же шайтан:)

Kolyaj

03.06.2009 12:11

Собственно, объяснение.

http://kolyaj.ya.ru/replies.xml?item_no=1911 + http://kolyaj.ya.ru/replies.xml?item...ly-kolyaj-1900

Цитата:

Очень неприятная ошибка в ИЕ6. Проявляет себя тем, что выскакивает окошко с текстом "Не удалось открыть узел http://test.ru/ Операция будет прервана" после чего показывает "Невозможно загрузить страницу."

Условия воспроизведения:
Пусть у нас есть тег T (это может быть head, body и вообще любой тег) и в любом из его детей есть скрипт, который добавляет методом appendChild детей в T. Вот этот appendChild и вызывает проблему. Если скрипт находится непосредственно в T, то ошибки не будет.

Решение проблемы:
Добавлять детей методом insertBefore перед любым существующим элементом или переместить скрипт в другое место.

Особый случай:
Может случиться так, что ваш скрипт лежит в head и элементы добавляет тоже в head. Казалось бы ничего страшного произойти не должно, но если у вас есть тег base, то страшное случится. Т.е. в результате окажется, что скрипт лежит не в head, а в base, и ошибка воспроизведется.

Цитата:

В результате у тега body parentNode равен тегу base. Т.е. если идти по парентам вверх от какого-нибудь элемента, то получим что-то вроде div -> body -> base -> head -> html.

При этом если от html рекурсивно идти вниз по коллекции childNodes, то получится, что элемент body со всем своим поддеревом одновременно является ребенком тега base и тега html.

Вот это код можно обернуть в букмарклет и позапускать в ИЕ6 на любой странице с тегом base, например, на сохраненках яндекса.

function getChildrens(e, level, maxLevel) {
    var childrens = [];
    for (var i = 0; i < e.childNodes.length; i++)
        if (e.childNodes[i].nodeType == 1)
            childrens.push(e.childNodes[i]);
    var response = [];
    var tab = '';
    for (var i = 0; i < level; i++)
        tab += '\t';
    for (var i = 0; i < childrens.length; i++) {
        var item = tab + childrens[i].tagName + (document.body == childrens[i] ? '*' : '');
        var childs = '';
        if (level < maxLevel) {
            childs = getChildrens(childrens[i], level + 1, maxLevel);
        }
        if (childs)
            item += '\n' + childs;
        response.push(item);
    }
    return response.join('\n');
}

alert(getChildrens(document.documentElement, 0, 3));

Цитата:

Кстати, чтобы тег base не ломал dom-дерево в ИЕ, его надо закрывать в html-стиле.

<base href="http://www.yandex.ru/"></base>

B~Vladi

03.06.2009 12:32

Мда... никогда не писал и не буду его писать в своём html:)

e1f	03.06.2009 17:50

Цитата:

var head=document.documentElement.firstChild

А что именно будет этим firstChild? Часом не текстовая нода?

Kolyaj

03.06.2009 17:56

Ну этот я код у B~Vladi спер, в моей задаче он не принципиален.

B~Vladi

03.06.2009 18:17

Цитата:

Сообщение от Kolyaj

Ну этот я код у B~Vladi спер

Цитата:

Сообщение от e1f

А что именно будет этим firstChild? Часом не текстовая нода?

Почему там должен быть текст?! document.documentElement это что такое?! ссылка на корневой узел документа, т.е. html(doctype не входит в дерево). Первый узел-сын html это хэд(в основном). Я ж писал, что хед можно получить и другими способами, еси кому-чё не нравицца...

Kolyaj

03.06.2009 18:18

Цитата:

Сообщение от B~Vladi

Первый узел html это хэд

Там могут быть пробелы, могут быть комментарии.

B~Vladi

03.06.2009 18:57

Ну это понятно. Это был всего-лишь пример. Получить хэд грамотно не для кого не проблема, не суть.

B~Vladi

03.06.2009 18:58

я так и написал

Цитата:

Сообщение от B~Vladi

хэд(в основном)

e1f	03.06.2009 19:25

To Kolyaj
Ну да, что-то я упустил :) Действительно, замечательный IE6-only баг :) Спасибо, возьму на заметку

Часовой пояс GMT +3, время: 18:00.