原生js为页面添加底部

其实是外包官网的屎山代码改不动，留个档

common.js请求接口动态渲染底部内容

$.ajax({

  url: "", // 请求的URL

  method: "POST", // 请求方法

  dataType: "json", // 响应数据类型，此处为JSON

  success: function (response) {

    // 请求成功的回调函数

    if (response.data) {

      console.log(response.data.copyRight);

      let copyRight = response.data.copyRight || "";

      let fjLegalLink = response.data.fjLegalLink || "";

      let legalList = response.data.legalList;

      let legalA = "";

      for (let i = 0; i < legalList.length; i++) {

        legalA += `<a href="${legalList[i].link}" target="_blank">${legalList[i].text}</a>`;

      }

      footer = `<div class="footer">

<div class="foot_toggle">版权信息</div>

<div class="foot_cont">

    <div class="info">

        <div class="logoes">

            <img src="" onclick="window.open('')" class="foot_logo" alt="">

            <div class="line"></div>

            <img src="https://static.gamelunar.com/gamelunar/web202309/logo.png" class="foot_logo" alt="烛月游戏">

        </div>

        <div class="info_lists">

            <a href="" target="_blank">用户协议</a>

            <a href="" target="_blank">隐私政策</a>

            <a href="" target="_blank">儿童用户隐私保护政策</a>

        </div>

    </div>

    <p class="tip">健康游戏忠告：抵制不良游戏   拒绝盗版游戏   注意自我保护   谨防受骗上当   适度游戏益脑   沉迷游戏伤身   合理安排时间   享受健康生活</p>

    <div class="filings">

        ${legalA}

    </div>

    <div>

        <img style="width:15px;height:auto" src="">

        <a href="" target="_blank">

            ${fjLegalLink}</a>

    </div>

    <p class="copyright_text">

        Copyright &copy; ${copyRight}

    </p>

</div>

</div>`;

      $("body").append(footer);

      $(".foot_toggle").on("click", function () {

        $(".footer").toggleClass("on");

      });

    }

  },

  error: function (xhr, status, error) {

    // 请求失败的回调函数

    console.log(error);

  },

});