Gestion de l'indisponibilité du document en JavaScript : Vérifiez si l'objet document existe. Utilisez le chargement paresseux pour charger les scripts une fois le chargement de la page terminé. Utilisez l'événement DOMContentLoaded pour exécuter du code une fois le chargement du document HTML terminé. Utilisez la méthode document.ready (jQuery) pour exécuter du code une fois le chargement du DOM terminé. Utilisez window.setInterval() pour créer une boucle d'intervalle jusqu'à ce que l'objet document soit disponible.
Gestion du document indisponible en JavaScript
Question : En JavaScript, que dois-je faire si l'objet document n'est pas disponible ?
Réponse :
Tout d'abord, confirmez si l'objet document est effectivement indisponible
Utilisez le code suivant pour vérifier si l'objet document existe :
<code class="javascript">if (typeof document === "undefined") { console.log("Document 对象不可用"); }</code>
Solutions possibles
1.
Chargez le script une fois le chargement de la page terminé. Cela garantit que l'objet document est disponible lorsque le script est exécuté.<code class="javascript">window.onload = function() { // 在这里编写需要使用 document 对象的代码 };</code>
2. Utilisez l'événement DOMContentLoaded
Cet événement est déclenché lorsque le document HTML est chargé, mais que la feuille de style et les autres ressources n'ont pas encore été chargées.<code class="javascript">document.addEventListener("DOMContentLoaded", function() { // 在这里编写需要使用 document 对象的代码 });</code>
3. Utilisation de la méthode document.ready (jQuery)
jQuery fournit une méthode document.ready(), qui exécute la fonction fournie après le chargement du DOM.<code class="javascript">$(document).ready(function() { // 在这里编写需要使用 document 对象的代码 });</code>
4. Utilisation de window.setInterval()
Vous pouvez utiliser window.setInterval() pour créer une boucle d'intervalle jusqu'à ce que l'objet document soit disponible.<code class="javascript">var intervalID = window.setInterval(function() { if (typeof document !== "undefined") { window.clearInterval(intervalID); // 在这里编写需要使用 document 对象的代码 } }, 50);</code>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!