Question

我是网络开发的初学者，我遇到了一个应该相当简单的问题。我正在尝试创建一个具有多个选项卡的网站，这些选项卡将更改页面的整个主体。为了提高可读性，我希望每个标签都有自己的html文件我试图使用jQuery来做到这一点，但它似乎并没有起作用。这是我的代码：

＆＃13;

<!-- master.js -->



$(document).ready(function() {

  function replaceBody() {
    var homeLoad = $("body").load("home.html");
    $('body').replaceWith(homeLoad);
  }


});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<title>
  TITLE
</title>

<head>
  Name
  <script src="jquery-3.2.1.min"></script>
  <script src="master.js"></script>

  <!-- loads scripts -->

</head>
<div class="tab">
  <button class="tablinks" onclick="replaceBody();" id="defaultOpen">Home</button>
  <button class="tablinks" onclick="openCity(event, 'About Us');">About Us</button>
  <button class="tablinks" onclick="openCity(event, 'Contact Us');">Contact Us</button>
  <button class="tablinks" onclick="openCity(event, 'Staff');">Staff</button>
</div>

<body id="body">
  this is the body you shouldn't see this
  <script>
    replaceBody();
  </script>
</body>

</html>

＆＃13;

<!-- test.html-->

<!Doctype html>
<html>
<head>
<h1 id ="h1">
  this is the top
</h1>

  </head>
  <head>



<html>

＆＃13;

html5如何创建包含多个文件的标签导航系统

0 个答案: