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)

烟雨青岚
烟雨青岚avant
2020-06-29 11:40:2816331parcourir

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>

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>

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>

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>

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer