静态HTML页面如何加入公共头尾(附代码)

制作一个共用头部文件head.js和一个共用底部文件foot.js。如主页文件是index.htm,调用头部和底部文件的方法是:在主页文件代码的开始位置和结束位置分别增加下面的代码:

比如:footer.js文件------根据上面的footer.html,利用转换工具:http://tool.chinaz.com/Tools/Html_Js.aspx

footer.html
 

转换为js
document.writeln("");
document.writeln("

");
document.writeln("
");
document.writeln("

");
document.writeln(" 联系我们");
document.writeln(" “);
document.writeln(” COOPERATION");
document.writeln(" ’’");
document.writeln(" “);
document.writeln(”
    ");
    document.writeln("

  • “);
    document.writeln(” COMPETITION");
    document.writeln("

    参赛咨询

    ");
    document.writeln(" ’’");
    document.writeln("
      ");
      document.writeln("
    • ");
      document.writeln(" ’’[email protected]");
      document.writeln("
    • “);
      document.writeln(”
    • ");
      document.writeln(" ’’ [email protected]");
      document.writeln(" “);
      document.writeln(”
    • ");
      document.writeln(" ’’ [email protected]");
      document.writeln(" “);
      document.writeln(” “);
      document.writeln(” “);
      document.writeln(”
    • “);
      document.writeln(” COMPETITION");
      document.writeln("

      参赛咨询

      ");
      document.writeln(" ’’");
      document.writeln("
        ");
        document.writeln("
      • ");
        document.writeln(" ’’[email protected]");
        document.writeln("
      • “);
        document.writeln(”
      • ");
        document.writeln(" ’’ [email protected]");
        document.writeln(" “);
        document.writeln(”
      • ");
        document.writeln(" ’’ [email protected]");
        document.writeln(" “);
        document.writeln(” “);
        document.writeln(” “);
        document.writeln(”
      • “);
        document.writeln(” COMPETITION");
        document.writeln("

        参赛咨询

        ");
        document.writeln(" ’’");
        document.writeln("
          ");
          document.writeln("
        • ");
          document.writeln(" ’’[email protected]");
          document.writeln("
        • “);
          document.writeln(”
        • ");
          document.writeln(" ’’ [email protected]");
          document.writeln(" “);
          document.writeln(”
        • ");
          document.writeln(" ’’ [email protected]");
          document.writeln(" “);
          document.writeln(” “);
          document.writeln(” “);
          document.writeln(”
        • “);
          document.writeln(” COMPETITION");
          document.writeln("

          参赛咨询

          ");
          document.writeln(" ’’");
          document.writeln("
            ");
            document.writeln("
          • ");
            document.writeln(" ’’[email protected]");
            document.writeln("
          • “);
            document.writeln(”
          • ");
            document.writeln(" ’’ [email protected]");
            document.writeln(" “);
            document.writeln(”
          • ");
            document.writeln(" ’’ [email protected]");
            document.writeln(" “);
            document.writeln(” “);
            document.writeln(” “);
            document.writeln(” “);
            document.writeln(”
            ");
            document.writeln("
            “);
            document.writeln(” ’’");
            document.writeln("

            ");
            document.writeln(" 官方微信 公众账号二维码");
            document.writeln("

            “);
            document.writeln(” ’’");
            document.writeln(" “);
            document.writeln(”
            “);
            document.writeln(” ’’");
            document.writeln("

            ");
            document.writeln(" 官方新浪 微博二维码");
            document.writeln(" “);
            document.writeln(” ’’");
            document.writeln("

            “);
            document.writeln(”
            “);
            document.writeln(” ’’");
            document.writeln("

            ");
            document.writeln(" 官方腾讯 微博二维码");
            document.writeln(" “);
            document.writeln(” ’’");
            document.writeln("

            “);
            document.writeln(” “);
            document.writeln(” “);
            document.writeln(”
            ");
            document.writeln(" ’’");
            document.writeln("");
            document.writeln("

你可能感兴趣的:(技术的实际应用)