Javascript 使用'；打开main content div内的另一个页面；在新选项卡中打开…'；

当链接使用“在新选项卡中打开链接…”选项单击主内容时，我想在主内容中加载带有侧边栏和标题的页面。 请看下面的图片，看看它应该是什么样子

提前谢谢

单击链接之前的页面。

点击链接后的页面。

看

我想你一定要看看。它将从另一个链接加载html内容，并通过ajax附加到html元素

比如说

$( "#result" ).load( "ajax/test.html", function() {
  alert( "Load was performed." );
});

---

如果要加载外部页面，可以使用iframe替换#contents的内容。

$（“a”）。在（'click'，功能（ev）{
ev.preventDefault（）；
$（'#content'）.html（“”；}）；

检查@Aschab的可能重复项。你能给我举个例子吗？你要么重定向，要么不重定向。你说你想重定向，然后重定向，并有一些模块与视图，如果你不想重定向，有3个完全有效的答案。这些答案只是加载另一个页面在div使用点击事件，但当我右键单击和“打开在新的标签…”它打开了整个页面，没有标题和侧栏（只有白色区域）的页面。谢谢，但我需要重定向到新页面，但当我单击“在新选项卡中打开”时，页面上仍存在侧栏和标题。…谢谢，但我需要重定向到新页面，但当我单击“在新选项卡中打开”时，页面上仍存在侧栏和标题。。

$( "#result" ).load( "ajax/test.html", function() {
  alert( "Load was performed." );
});

    $("a").on('click', function(ev)  {
    ev.preventDefault();
    $('#content').html("<iframe src='http://www.w3schools.com'></iframe>");});