html中引入外部文件方法总结

阿多   ·   发表于 2个月前   ·   Html/Css


<!-- #include file="./test.php" -->

<script src="filename.php"></script>这个需要php输出js结构
<iframe src="filename.php"></iframe>这个是内嵌框架
<script type="text/javascript" src="./test.php?action=test"></script> 


html中引入调用另一个html文件


第一种
<body>
    <div id="page1"></div>
    <div id="page2"></div>
    <script>
          $("#page1").load("page/Page_1.html");
          $("#page2").load("page/Page_2.html");
    </script>
</body>

第二种:
<head>
</head>
<body>
   <div 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>
   </div>
   <div 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>
   </div>
</body>

第三种:
<head>
    <object style="border:0px" type="text/x-scriptlet" data="page/Page_1.html" width=100% height=150>
    </object>
</head>

第四种:
<head>
    <link rel="import" href="page/Page_1.html" id="page1">
</head>
<body>
    <script>
        console.log(page1.import.body.innerHTML);
    </script>
</body>

end


————————————————
版权声明:除非特别声明,本站文章均为原创,遵循CC 4.0 BY-SA版权协议!
转载请附上原文出处链接及本声明。
原文链接: https://taoook.com/t/1931.html
0 Reply   |  Until 2个月前 | 89 View
LoginCan Publish Content