загрузить внешнюю страницу в div с помощью html или jquery

использовать это

 $('#content').load('/path/to/vid_content.html');

Сохраните это в "firstpage.php". с → jQuery v2.2.3

$(document).ready(function() {

    $('#content').load("secondPage.php", function() {
        //do something
    });

    $(document).on('click','#third',function(){
        $('#content').load("thirdPage.php", function() {
            //do something
        });
    });

});

В secondPage.php

page 2<br>
----------------------<br>
<a href="#" id="third">load third</a>

В ThirdPage.php

hello world

Уже получено решение!

Сделано так:

function load_vids(){ document.getElementById("content").innerHTML='<object type="text/html" data="vid_content.html #content" style="width:811px; height:570px"></object>'; }

И это:

<td><a id="link" href="#" onclick="load_vids()">Videos</a></td>

Спасибо всем за помощь!

Там есть несколько проблем с кодом. Во-первых, запрос Ajax не будет работать, если вы не используете это на локальном сервере. Простое открытие HTML файла в Chrome не будет работать. Во-вторых, вам нужно передать объект события обработчику кликов, чтобы вы могли остановить перезагрузку страницы, когда вы нажимаете на ссылку, например:

$(document).ready(function(){ 
    $("#link").click(function(e){ 
        $("#content").load("vid_content.html");
        e.preventDefault();
    });
});

Наконец, у вас отсутствует конечная закрывающая скобка из функции jQuery ready.

Вы должны иметь возможность использовать.html() в jQuery для определения того, что html содержится в div.

    $(document).ready(function(){ 
      $("#link").click(function(){ 
        $("#content").html("vid_content.html");
      });
    }