Прежде чем вставить какой-либо код, вот сценарий:
- У меня есть HTML-документ, который создает пустой iframe с использованием JavaScript
- JavaScript создает функцию и связывает эту функцию с объектом документа iframe (используя
doc.open()
для получения ссылки на документ) - Затем функция привязывается как обработчик
onload
для документа iframe (путем записи<body onload="...">
в iframe.
Теперь то, что меня насторожило, состоит в том, что глобальные объекты (window) и document внутри обработчика onload (при его запуске) отличаются от тех же объектов, которые запускаются через JavaScript, добавленные через узлы script.
Здесь HTML:
<!doctype html>
<html>
<head>
<script>
(function(){
var dom,doc,where,iframe;
iframe = document.createElement('iframe');
iframe.src="javascript:false";
where = document.getElementsByTagName('script')[0];
where.parentNode.insertBefore(iframe, where);
doc = iframe.contentWindow.document;
var _doc = document;
doc.open()._l=function() {
// the window object should be the one that doc is inside
window.vanishing_global=new Date().getTime();
var js = this.createElement("script");
js.src = 'test-vanishing-global.js?' + window.vanishing_global;
window.name="foobar";
this.foobar="foobar:" + Math.random();
document.foobar="barfoo:" + Math.random();
// `this` should be the document object, but it not
console.log("this == document: %s", this == document);
console.log("this == doc: %s", this == doc);
// the next two lines added based on @Ian comment below
console.log("_doc == document: %s", _doc == document);
console.log("_doc == doc: %s", _doc == doc);
console.log("name: " + window.name + "\n" + "window.vanishing_global: " + window.vanishing_global + "\ntypeof window.vanishing_global: " + typeof window.vanishing_global + "\ndocument.foobar: " + document.foobar);
this.body.appendChild(js);
};
doc.write('<body onload="document._l();"></body>');
doc.close();
})();
</script>
</head>
<body>
</body>
</html>
И здесь test-vanishing-global.js
:
console.log("name: " + window.name + "\n" + "window.vanishing_global: " + window.vanishing_global + "\ntypeof window.vanishing_global: " + typeof window.vanishing_global + "\ndocument.foobar: " + document.foobar);
Инструкция:
Поместите эти два файла в каталог и откройте HTML в браузере (протестированы в последних версиях Chrome и Firefox, в обоих случаях).
Это результат, который я получаю:
this == document: false
this == doc: true
_doc == document: true
_doc == doc: false
name: foobar
window.vanishing_global: 1366037771608
typeof window.vanishing_global: number
document.foobar: barfoo:0.9013048021588475
name:
window.vanishing_global: undefined
typeof window.vanishing_global: undefined
document.foobar: foobar:0.5015988759696484
Объект this
внутри обработчика должен быть либо объектом документа. Это объект документа, но не тот же объект документа, что и документ, который он запускает внутри (он также не совпадает с родительским документом). Объект окна внутри обработчика также не совпадает с объектом окна, который выполняется в JavaScript, загруженном на страницу.
Итак, наконец, мой вопрос:
Кто-нибудь знает, что происходит, и как я могу либо получить ссылку на фактический объект окна, либо, по крайней мере, объявить и ссылаться на глобальную переменную из одного и того же глобального контекста?
Сноски:
В этом iframe нет междоменных проблем, поскольку они находятся в одном домене. Существует проблема, если кто-то устанавливает document.domain
, но это не выполняется в этом примере кода.