使用'在新标签中打开...'在主内容div中打开另一个页面

当链接在“使用新标签打开链接...”选项中点击主内容时，我想要在主内容中加载页面与侧栏和标题。请参阅下图，了解它应该是什么样子。使用'在新标签中打开...'在主内容div中打开另一个页面

在此先感谢。

链接被点击前的页面。

链接被点击后的页面。

<a target="_blank" href="https://jsfiddle.net/bumbumpaw/2e16m0c4/">This should load href value in main content w/ Sidebar,Header and Footer</a>

2016-10-05 bumbumpaw

检查http://www.w3schools.com/ajax/ – Aschab

的可能的复制[如何外部网页加载到HTML页面的一个div（http://stackoverflow.com/questions/18145273 /如何加载一个外部网页到一个div-of-html页面） –

@Aschab你能给我举个例子吗？ – bumbumpaw

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

例如

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

2016-10-05 01:50:43 Ihenry

谢谢，但我需要重定向到新的页面，但仍然边栏和页眉存在的页面上，当我点击“打开新标签。”。 – bumbumpaw

你可以用一个iframe代替#contents的内容，如果要加载外部网页。 Demo

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

2016-10-05 01:57:46

谢谢，但我需要重定向到新的页面，但侧边栏和页眉仍然存在页面当我点击“在新标签中打开”。 – bumbumpaw

回答