Javascript 将HTML（带document.write）加载到另一个HTML中

我已经开始在VisualStudio中使用Cordova制作一个混合移动应用程序。代码的一部分将在所有页面上重复。我想将代码拆分成一个单独的文件，并在每个页面上的所需div处加载该文件

我尝试过ajax加载、innerHTML、用js保存文件并加载，但都不起作用

我的代码有一个document.write命令用于打印localstorage参数，因此我无法将html与localstorage参数一起加载。它只加载HTML并忽略脚本部分

请帮忙

这是我的代码：

  <aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
      <!-- Sidebar user panel -->
      <div class="user-panel">
        <div class="pull-left image">
          <script>document.write('<img src="'+localStorage.getItem("avatar_url_small")+'" class="user-image" alt="User Image">');</script>
        </div>
        <div class="pull-left info">
          <p><script>document.write('<span class="hidden-xs">'+localStorage.getItem("name")+'</span>');</script></p>
          <a href="profile_edit.html"><i class="fa fa-circle text-success"></i> Edit Profile</a>
        </div>
      </div>
      <!-- search form -->
      <form action="#" method="get" class="sidebar-form">
        <div class="input-group">
          <input type="text" name="q" class="form-control" placeholder="Search...">
              <span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
                </button>
              </span>
        </div>
      </form>
      <!-- /.search form -->
      <!-- sidebar menu: : style can be found in sidebar.less -->
      <ul class="sidebar-menu">
        <li class="header">MAIN NAVIGATION</li>
        <li><a href="activity.html"><i class="fa fa-dashboard"></i> <span>Activity</span></a></li>
        <li><a href="groups.html"><i class="fa fa-users"></i> <span>Groups</span></a></li>
        <li><a href="events.html"><i class="fa fa-calendar-o"></i> <span>Events</span></a></li>
        <li><a href="blogs.html"><i class="fa fa-pencil-square-o"></i> <span>Blogs</span></a></li>
        <li><a href="files.html"><i class="fa fa-files-o"></i> <span>Files</span></a></li>
        <li><a href="bookmarks.html"><i class="fa fa-bookmark-o"></i> <span>Bookmarks</span></a></li>
        <li><a href="wire.html"><i class="fa fa-newspaper-o"></i> <span>Wire Post</span></a></li>
        <li><a href="questions.html"><i class="fa fa-question-circle"></i> <span>Questions</span></a></li>
        <li><a href="photo.html"><i class="fa fa-photo"></i> <span>Photos</span></a></li>
        <li><a href="video.html"><i class="fa fa-file-video-o"></i> <span>Videos</span></a></li>
      </ul>
    </section>
    <!-- /.sidebar -->
  </aside>

主导航

---

如何分割文件并将其与document.write命令一起加载到每页上，而不仅仅是HTML。

请不要使用

document.write

。

ajax加载应该可以工作，也许您的实现有问题……但是，不要使用
document.write
我无法将html与localstorage参数一起加载-当然不能，它在客户端运行，如果要呈现html，必须在服务器端执行（这是有问题的，因为您将数据保存在localstorage中…）