JavaScript:动态加载清单

html的编程i偶然发现了清单上的文件。清单，位于："/manifest.json"；我使用此jQuery代码将链接添加到 head tag。

$('head').append('<link rel="manifest" href="/manifest.json">');

，但它将其添加到文档的 head 中，但没有读取清单。它只是说："找不到清单"。

任何人都可以帮我吗？

您必须在DOM准备之前运行jQuery命令

喜欢这个

类型1：

$(window).load(function() {
   $('head').append('<link rel="manifest" href="/manifest.json">');
})

类型2：使用$ .getjson

    $.getJSON( "ajax/test.json", function( data ) {
  var items = [];
  $.each( data, function( key, val ) {
    items.push( "<li id='" + key + "'>" + val + "</li>" );
  });
  $( "<ul/>", {
    "class": "my-new-list",
    html: items.join( "" )
  }).appendTo( "body" );
});

脚本加载在jQuery 中： -

在下面的示例中，我没有在html中包含bootstrap，但我包括在

中

$(window).load()它有效。

$(window).load(function(){
$('head').append('<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<head>
</head>
<body>
<table class="table">
    <thead>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Mary</td>
        <td>Moe</td>
        <td>mary@example.com</td>
      </tr>
      <tr>
        <td>July</td>
        <td>Dooley</td>
        <td>july@example.com</td>
      </tr>
    </tbody>
  </table>
</body>
</html>

无脚本

    <html>
    <head>
    </head>
    <body>
    <table class="table">
        <thead>
          <tr>
            <th>Firstname</th>
            <th>Lastname</th>
            <th>Email</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Mary</td>
            <td>Moe</td>
            <td>mary@example.com</td>
          </tr>
          <tr>
            <td>July</td>
            <td>Dooley</td>
            <td>july@example.com</td>
          </tr>
        </tbody>
      </table>
    </body>
    </html>

相关内容

最新更新

热门标签：