Javascript 如何仅使用一个html文件来显示不同但相似的内容_Javascript_Html

Javascript 如何仅使用一个html文件来显示不同但相似的内容

javascript html

Javascript 如何仅使用一个html文件来显示不同但相似的内容,javascript,html,Javascript,Html,我创建了一个hospital.js文件，其中包含一个包含所有所需信息的数组，然后我使用这个hospital.js文件在my hospital.html中创建了一个表，以显示所有医院的列表，现在我想添加到表中每个单元格的链接，当我单击医院的名称时，它将转到一个新的detailPage.html，其中将显示该医院的详细信息但现在无论我点击哪家医院，我都只能打开同一个detailPage，我点击相应的医院后，是否只能使用detailPage.html来显示不同医院的信息？由于detailPage的格

我创建了一个hospital.js文件，其中包含一个包含所有所需信息的数组，然后我使用这个hospital.js文件在my hospital.html中创建了一个表，以显示所有医院的列表，现在我想添加到表中每个单元格的链接，当我单击医院的名称时，它将转到一个新的detailPage.html，其中将显示该医院的详细信息

但现在无论我点击哪家医院，我都只能打开同一个detailPage，我点击相应的医院后，是否只能使用detailPage.html来显示不同医院的信息？由于detailPage的格式是相同的，唯一的区别是他们的姓名、地址、电话等。如果是这样，我该怎么做

可变值必须注入html文件中。只需使用html查询字符串将变量传递到html文件中，如下所示

示例Htmltest.html

<html>
  <head></head>
  <body>
    <script>
      var urlParams = new URLSearchParams(window.location.search)
      document.body.innerHTML = `
      <h1>${urlParams.get('name')}</h1>
      <h1>${urlParams.get('address')}</h1>
      <h1>${urlParams.get('tel')}</h1>
      `
    </script>
  </body>
</html>

用法

欢迎来到Stackoverflow。如果您在Stack overflow查看页面以了解未来的努力，这会更好。伟大的问题往往能从社区中提供更快、更好的答案-谢谢

function getUrlParameter(name) {
    name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
    var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
    var results = regex.exec(location.search);
    return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
};

getUrlParameter('name') // => apple