在 html 页面内加载动态内容

克里什

我刚刚footer.js页面中创建了一个内容,现在我需要为页面中的一个类添加该内容,但是动态创建的页脚中存在一些语法错误。我不知道如何动态创建它。
请任何建议?

$(document).ready(function(){
    var footer="<footer class='subFooter col-lg-12 col-md-12'>"
        "<div class='col-lg-12 col-md-12' style='padding-top:35px;'>"
            "<p style='display:inline;color:#fff'>@ xxxxx Limited</p>"
            "<img src='images/aaa.png'  class='pull-right'>"    
            "<img src='images/bbb.png'  class='pull-right'>"    
        "</div>"
    </footer>";
    $('#footer').append(footer);
});

这个页脚只有我需要加载 #footer

Ionică Bizău

您必须连接这些字符串(+在行尾添加字符并在结束前添加缺少的引号</footer>):

$(document).ready(function() {
  var footer = "<footer class='subFooter col-lg-12 col-md-12'>" +
     "<div class='col-lg-12 col-md-12' style='padding-top:35px;'>" +
       "<p style='display:inline;color:#fff'>@ 2023 by Camion Ligistics Limited</p>" +
       "<img src='images/Artboard 21 copy.png' id='twitterIcon' class='pull-right'>" +
       "<img src='images/Artboard 21.png' id='fbIcon' class='pull-right'>" +
     "</div>" +
    "</footer>";
  $('#footer').append(footer);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="footer"></div>

如果您有多个footers,您想使用一个类而不是一个 id:

 <div class="footer"></div>

然后在 JavaScript 端:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

加载页面后加载HTML内容?

来自分类Dev

HTML Agility Pack如何在页面加载后获取动态生成的内容

来自分类Dev

在HTML内加载JavaScript内容

来自分类Dev

访问动态加载的html页面的元素

来自分类Dev

如何更改页面上加载的HTML内容

来自分类Dev

HTML TextArea适合内容(页面加载)

来自分类Dev

如何使用RequireJS动态加载html内容

来自分类Dev

从Ajax加载的页面通过AJAX加载特定的html内容

来自分类Dev

以 HTML 格式打印变量的动态值,无需重新加载页面

来自分类Dev

JS加载后获取页面的HTML内容

来自分类Dev

页面完全加载后如何更改html内容

来自分类Dev

HTML 按钮在页面的其他内容之前加载

来自分类Dev

Angular2在for循环中加载动态内容/ HTML

来自分类Dev

动态内容加载-HTML5可以,Dojo不能

来自分类Dev

动态内容加载-HTML5可以,Dojo不能

来自分类Dev

Angular - 单击时将内容动态加载到 HTML 中

来自分类Dev

jQuery动态HTML页面

来自分类Dev

ng-if内的html元素在页面加载时出现

来自分类Dev

外部html页面未在Firefox的div内加载

来自分类Dev

外部html页面未在Firefox上的div内加载

来自分类Dev

检测 html 页面何时在对象标签内完成加载

来自分类Dev

HTML内容溢出页面

来自分类Dev

从 HTML 获取动态内容

来自分类Dev

静态页面HTML加载

来自分类Dev

CSS不适用于使用JS脚本动态添加到页面中的HTML内容

来自分类Dev

如何通过Chrome扩展程序动态将HTML文件的内容添加到页面?

来自分类Dev

从HTML页面动态删除JavaScript

来自分类Dev

从页面获取非HTML内容

来自分类Dev

从远程HTML页面获取内容