zoukankan      html  css  js  c++  java
  • html中引入调用另一个html文件

    1
    2
    3
    4
    5
    6
    7
    8
    <body>
        <div id="page1"></div>
        <div id="page2"></div>
        <script>
              $("#page1").load("page/Page_1.html");
              $("#page2").load("page/Page_2.html");
        </script>
    </body>

    第二种:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <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>

    第三种:

    1
    2
    3
    4
    <head>
        <object style="border:0px" type="text/x-scriptlet" data="page/Page_1.html" width=100% height=150>
        </object>
    </head>

    第四种:

    1
    2
    3
    4
    5
    6
    7
    8
    <head>
        <link rel="import" href="page/Page_1.html" id="page1">
    </head>
    <body>
        <script>
            console.log(page1.import.body.innerHTML);
        </script>
    </body>
  • 相关阅读:
    MVC传递数据的方式
    c#面向对象的多态
    使用扩展方法创建 HTML Helper
    了解视图、视图数据和 HTML Helper
    十种技能方法提高IT人薪酬
    ASP.net 2.0:系统优化
    第一个简单的MVC页面
    用户体验时代到来,功能不再重要
    关于SQL递归优化
    web(2)
  • 原文地址:https://www.cnblogs.com/gkw-blog/p/10945801.html
Copyright © 2011-2022 走看看