Можно изменить location.href div без использования iframe?

Question

Я хочу попытаться сделать что-то вроде этого, где я изменяю местоположение href для определенного div. Я знаю, что могу использовать iframe, но я стараюсь избегать кадров. Есть ли способ сделать это, когда пользователь нажимает кнопку, а источник только одного div изменяется, а остальная часть сайта остается прежней.

<script> 
function chdiv() 
{ 
document.getElementById("div2").location.href="google.com"; 
} 
</script> 

<div id="div1"> 
<button id="change" onclick="chdiv();" 
</div> 
<div id="div2"> 
<div> 

Answer 1

Нет, и дивы не имеют location свойство. Вы можете изучить запрос AJAX, чтобы использовать любой HTML-код.

$.get('url', function (data) { 
    $('#div2').html(data); 
}); 

Answer 2

Нет, я не верю, что поведение, которое вы ищете, возможно. Div не имеют location. Вам, скорее всего, придется использовать AJAX для изменения любых данных в div, который вы хотите изменить.

Answer 3

Не нравится, но вы можете сделать это с помощью AJAX:

<div id="div1"> 
    <button id="change">load</button> 
</div> 
<div id="div2"></div> 

-

$(document).ready(function(){ 
     $("#change").click(function(){ 
      $("#div2").load('http://google.com/'); 
     }); 
}); 

• Вам просто нужно быть осторожным при загрузке внешнего контента, из-за Х- Frame-Options, посмотрите: https://developer.mozilla.org/en-US/docs/Web/HTTP/X-Frame-Options