Maison > interface Web > tutoriel HTML > Vous apprendre étape par étape comment introduire un autre fichier HTML dans HTML (explication détaillée)

Vous apprendre étape par étape comment introduire un autre fichier HTML dans HTML (explication détaillée)

烟雨青岚
Libérer: 2020-06-29 11:40:28
avant
16344 Les gens l'ont consulté

Vous apprendre étape par étape comment introduire un autre fichier HTML dans HTML (explication détaillée)

Présentez une méthode pour appeler un autre html en html J'ai essayé plusieurs méthodes et je les ai toutes répertoriées :

La première est la meilleure, et les autres méthodes sont. , vous pouvez essayer de voir s'il convient à votre projet actuel

1 p+$("#page1").load("b.html")

Code de référence :

<body>
    <p id="page1"></p>
    <p id="page2"></p>
    <script>
          $("#page1").load("page/Page_1.html");
          $("#page2").load("page/Page_2.html");    </script></body>
Copier après la connexion

2. iframe

Code de référence :

<head>
</head>
<body>
   <p id="page1">
        <iframe align="center" width="100%" height="170" src="page/Page_1.html"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no">
        </iframe>
   </p>
   <p id="page2">
        <iframe align="center" width="100%" height="170" src="page/Page_2.html"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no">
        </iframe>
   </p>
</body>
Copier après la connexion

3. 🎜> Code de référence :

<head>
    <object style="border:0px" type="text/x-scriptlet" data="page/Page_1.html" width=100% height=150>
    </object></head>
Copier après la connexion

IV. Introduction à l'importation

Code de référence :

<head>
    <link rel="import" href="page/Page_1.html" id="page1"></head><body>
    <script>
        console.log(page1.import.body.innerHTML);    </script></body>
Copier après la connexion
Article de référence : https://www.web-tinker .com /article/20637.html

5. Le composant panneau de bootstrap, ou le composant fenêtre d'easyui, est quelque peu similaire à cet effet.

Merci à tous d'avoir lu, j'espère que vous en bénéficierez beaucoup. Cet article est reproduit à partir de : https://blog.csdn.net/arvin0/article/details/56839242

Tutoriel recommandé : "

Tutoriel HTML

"

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:csdn.net
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