简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Comment charger un fichier js avant d'ouvrir un site Web?
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-31 10:34:00
0
4
640

Et une fois le site Web chargé et ouvert normalement, le code de chargement de js n'est pas affiché dans le code de la page Web. Est-ce possible ? ? ? Résoudre

曾经蜡笔没有小新
曾经蜡笔没有小新

répondre à tous(4)
大家讲道理
大家讲道理2017-05-31 10:36:00 4 plancher

Je ne sais pas comment le questionneur le définit avant l'ouverture du site ?

Si vous souhaitez simplement que la page Web charge les fichiers js plus tôt, vous pouvez mettre la référence du script dans la balise head.
Cependant, la question nécessite également que le code de la page web n'affiche pas le js après ouverture. C'est ainsi que je le comprends. Dans ce cas, il y a deux étapes principales :

.

  1. Écrivez un code js en ligne dans la balise head La fonction principale du code est d'introduire le fichier js et les actions de suivi

    2. .

  2. L'action dite de suivi consiste à déclencher l'événement de chargement après l'introduction du fichier pour supprimer l'introduction du fichier du document dom

Je vais simplement lister une démo :

Préparez d'abord la page t.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>waterfall</title>
    <script type="text/javascript">
        (function(){
            // 动态加载script
            var script = document.createElement('script');
            var head = document.getElementsByTagName('head')[0];
            // console.log(head);
            // 脚本加载完就移除
            script.onload = function(){
                console.log('loaded script ready to remove');
                head.removeChild(script);
            };
            script.src = './t.js';
            console.log('load script');
            // 将script放到head里
            head.appendChild(script);
        })();
    </script>
</head>
<body>
    <p id="wrap" class="wrap"></p>
</body>
</html>

Présentation de js : t.js

(function(){
    console.log('hello i am t');
})()

Je me demande si c'est l'effet principal de la question ?

Comme +0
Ajouter une réponse
左手右手慢动作
左手右手慢动作2017-05-31 10:36:00 3 plancher

Si vous souhaitez améliorer la vitesse de chargement, vous pouvez utiliser le cache pour charger js à l'avance. Je n'ai jamais rencontré cela auparavant

.
Comme +0
Ajouter une réponse
世界只因有你
世界只因有你2017-05-31 10:36:00 2 plancher

Utiliser un serveur Web (tel que nginx) pour insérer du contenu dans la page ?
Ensuite, ce js surveille également si la page a été chargée et se supprime après le chargement.

Comme +0
Ajouter une réponse
Ty80
Ty802017-05-31 10:36:00 1 plancher

Mettez la page Web réelle dans l'iframe, essayez de mettre js en dehors de l'iframe ?

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！