Maison >interface Web >tutoriel HTML >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.
Cet article est reproduit à partir de : https://blog.csdn.net/arvin0/article/details/56839242Tutoriel 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!