使用'在新標籤中打開...'在主內容div中打開另一個頁面

Question

當鏈接在「使用新標籤打開鏈接...」選項中點擊主內容時，我想要在主內容中加載頁面與側欄和標題。 請參閱下圖，瞭解它應該是什麼樣子。

在此先感謝。

鏈接被點擊前的頁面。

鏈接被點擊後的頁面。

見Fiddle demo

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

Answer 1

我想你一定看jquery load()。它將從另一個鏈接加載html內容，並通過ajax附加到html元素。

例如

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

Answer 2

你可以用一個iframe代替#contents的內容，如果要加載外部網頁。 Demo

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