Question

要在新标签页中打开当前页面的html，您可以创建如下：

https://plnkr.co/edit/0LJxYPc2LalmmRlPFvzE?p=info

<p class="navbar-text text-center" id="NavHours" style="color:white; width:230px;"> Open 6am to 5pm </p>

这会打开所有的html。我想做的是以下

<a href="" target="_blank">See HTML in seperate Tab</a>

新标签应该只显示div中的html，如果还不清楚的话。

Answer 1

HTML页面无法在加载时仅呈现其部分DOM。您可以使用jQuery立即隐藏某些方面，但它们仍然会被加载到DOM中。如果您可以访问类似PHP的内容，则可以将内容从一个页面输出到另一个页面，实质上是动态创建部分内容。

就个人而言，我会用AJAX解决这个问题，其中你只能抓住一个被加载到另一个页面的部分：

$.ajax({
   url: 'page1.html',
   type: 'GET',
   success: function(data) {
       var content = $('body').append(data).find('p:second-of-type');
       $('body').html(content);
   }
});

导致：

<body>
  <p>This html should show up in my new tab</p>
</body>

在辅助页面上。

希望这有帮助！：）

如何在新标签中打开html的特定部分？

1 个答案: