zoukankan      html  css  js  c++  java
  • 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>

      

  • 相关阅读:
    flask框架-wtforms
    flask框架-蓝图
    flask框架-请求扩展
    flask框架-中间件
    flask框架-闪现
    flask框架-session
    flask框架-请求和响应
    flask框架-模板语言
    flask框架-路由
    flask框架-配置文件
  • 原文地址:https://www.cnblogs.com/wangyongx/p/9040058.html
Copyright © 2011-2022 走看看