Maison > interface Web > js tutoriel > Que dois-je faire si le document en js n'est pas disponible ?

Que dois-je faire si le document en js n'est pas disponible ?

下次还敢
Libérer: 2024-05-06 10:48:15
original
1161 Les gens l'ont consulté

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.

Que dois-je faire si le document en js n'est pas 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>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal