不幸的是,该错误不会发生在我的应用程序之外!
场景
index.php
<?php
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Last-Modified: '.gmdate('D, d M Y H:i:s').'GMT');
header('Cache-Control: no-cache, must-revalidate');
header('Pragma: no-cache');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Lazy loader</title>
</head>
<body>
...
<script type="text/javascript" src="internal.js"></script>
...
</body>
</html>
内部.js
myApp = {
timerHitIt: false,
hitIt: function () {
if (arguments.callee.done) { return; }
arguments.callee.done = true;
if (myApp.timerHitIt) { clearInterval(myApp.timerHitIt); }
var elt = document.createElement("script");
elt.async = true;
elt.type = "text/javascript";
elt.src = "external.js";
elt.onload = elt.onreadystatechange = function () { alert(typeof(something)); };
document.body.appendChild(elt);
}
};
if (document.addEventListener) { document.addEventListener("DOMContentLoaded", myApp.hitIt, false); }
/*@cc_on @*/
/*@if (@_win32)
document.write("<script id=__ie_onload defer src="+((location.protocol == "https:") ? "//:" : "javascript:void(0)")+"><\/script>");
document.getElementById("__ie_onload").onreadystatechange = function () {
if (this.readyState == "complete") { myApp.hitIt(); }
};
/*@end @*/
if (/WebKit/i.test(navigator.userAgent)) {
timerHitIt = setInterval(function () {
if (/loaded|complete/.test(document.readyState)) { myApp.hitIt(); }
}, 10);
}
window.onload = myApp.hitIt;
外部.js
something = {};
alert(true);
有效结果为
- 未定义 -> true -> 对象(±新请求)
- true -> 对象(± 缓存的 JavaScript)
但有时,当按 F5 时,我会得到
- true -> 未定义
有人知道为什么执行了alert(true)但没有设置某些内容吗?
最佳答案
解决方案,甚至修复了 Internet Explorer 6
window.something = {};
关于javascript - 延迟加载 Javascript,对象不是从 IE8 缓存创建的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2896528/