Перемещение тела в IFRAME портится внутренние ссылки

скопировать весь HTML на IFRAME:Перемещение тела в IFRAME портится внутренние ссылки

var h = $('html')[0].outerHTML; 
$('body').append('<iframe width="300" height="300" id="someId"></iframe>'); 
$('#someId').load(function() { 
    $('#someId').contents().find('html').html(h); 
    alert($('#someId').contents().find('html')[0].outerHTML); 
});

это работает до сих пор, но изображения/CSS, другие ссылки сломается. HTML выглядит так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta charset="utf-8" /> 
<base href="/" /> 
<link rel="stylesheet" href="/css/reset.css" type="text/css" /> 
. 
. 
. 
<img src="/pictures/a.gif" />

и так далее. Таким образом, он хорошо работает как на сервере разработки, так и на производстве.

источник

2014-02-11 John Smith

Можете ли вы предоставить скрипку – rockStar

, что вы хотите? вы хотите переместить содержимое тела главной страницы в тело iframe? ** html -> корпус -> содержание ** до ** html -> корпус -> iframe -> корпус -> содержание ** –

да, уже сделано, он работает. Но тогда изображения не будут отображаться, ссылки не будут работать (поскольку они были мертвыми ссылками) –

Я попробовал и его работу в моем случае проверить .. !!!

<html> 
<head> 
    <!-- jquery file path--> 
    <script src="blog/jquery.min.js" style="text/javascript"></script> 
    <script> 
    $("document").ready(function(){  
      // get the content of main page body 
      var con = $("body").html(); 

      // replace everything in body and place a Iframe in body 
      $('body').html('<iframe width="300" height="300" id="someId"></iframe>');  

      // set the content of the iframe body 
      $('#someId').contents().find('body').html(con);  
    }); 
    </script> 
</head> 
<body>  
    Goole : <img src="https://www.google.co.in/images/srpr/logo11w.png" alt = "My Icon" style="height:100px;width:250px"/> 
    Your content goes here..  
</body> 
</html>

источник

2014-02-11 09:21:54

Перемещение тела в IFRAME портится внутренние ссылки

ответ

Смежные вопросы