JavaScript-Dokument.Leiter ist Null
Immer eine Fehlermeldung beim ausführen des folgenden code im IE 8, aber nicht in anderen Browsern:
'document.Kopf' ist null oder kein Objekt
Hier ist mein code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<script type="text/javascript" src="respond.min.js"></script>
<script>
function load() {
document.getElementsByID("myFrame");
}
</script>
</head>
<body>
<iframe src="http://instagram.com/p/bTlK6CRNcL/embed/" width="300" height="400" frameborder="0" scrolling="no" allowtransparency="true" id="myFrame" onload="load()"></iframe>
</body>
</html>
- respond.min.js ?
- Framework ich verwende für Kompatibilität zu allen Browsern.
Du musst angemeldet sein, um einen Kommentar abzugeben.
document.head
fehl, weil IE8 nicht unterstützt wird (keine version des IE vor 9); es ist ein neues feature von HTML5. Stattdessen könnten Sie die folgenden in jedem browser:Wenn
document.head
definiert ist (zur Verfügung), es werden kurz-Schaltung und verwenden Sie das sofort. Wenn es nicht definiert wird, wird derdocument.getElementsByTagName
Teil, der wird es finden in jedem browser.Es sei denn, Sie wollen, um diese Art von
this || that
im gesamten code, es ist gut und sicher genug, um einfach immer verwendendocument.getElementsByTagName("head")[0]
.Referenzen:
document.head
- https://developer.mozilla.org/en-US/docs/Web/API/document.head (nach unten scrollen für die browser-Unterstützung)document.getElementsByTagName
- https://developer.mozilla.org/en-US/docs/Web/API/document.getElementsByTagNamedocument.head
, und Sie können Sie nicht Bearbeiten.<html>
element, aber wir reden hier über die<head>
element