Javascript 嵌入不带iframe的外部内容_Javascript_Jquery_Html_Iframe_Embed

Javascript 嵌入不带iframe的外部内容

javascript jquery html iframe

Javascript 嵌入不带iframe的外部内容,javascript,jquery,html,iframe,embed,Javascript,Jquery,Html,Iframe,Embed,全部,，我有一个要求，我需要在没有iframe的情况下将我们拥有的外部内容嵌入到新的应用程序中这个需求很快变得复杂。假设下面的模拟代码是我需要嵌入的内容 <html> <head> <script src="js/someScript1.js"></script>  <script src="js/someScript2.js"></script> <!--

全部,，我有一个要求，我需要在没有iframe的情况下将我们拥有的外部内容嵌入到新的应用程序中

这个需求很快变得复杂。假设下面的模拟代码是我需要嵌入的内容

<html>
<head>
<script src="js/someScript1.js"></script> <!-- drag and drop -->
<script src="js/someScript2.js"></script> <!-- ajax communication -->
<script src="js/someScript3.js"></script> <!-- ux stuff -->
</head>
<body>
<div id="appContainer">
  <table>
    <tr>
      <td>
        <div id="toolbar">
          Toolbar that interacts with both draggablePicklist and content
        </div>
      </td>
    </tr>
    <tr>
      <td>
        <div id="dragablePicklist">
          Unordered list of elements that can be dragged into content
        </div>
      </td>
      <td>
        <div id="content">
          Content area where things are built based on items dragged in from dragablePicklist
        </div>
      </td>
    </tr>
  </table>
</div>
</body>
</html>

这看起来可能会起作用，但我需要在此页面中包含javascript“myapp”所依赖的内容。我还需要找到并用绝对url替换所有HREF

正如你所看到的，有很多运动部件。在不使用和iframe的情况下，将其他页面中的特定DIV嵌入到我的页面中的最佳方法是什么？同时维护这些DIV的功能。

这就是我如何嵌入整个应用程序的方法

$(document).ready(function() {
  $("html").html('<object data="http://www.domain.com/myapp">');
});

$（文档）.ready（函数（）{
$（“html”）.html（“”）；
});

现在我需要弄清楚如何使用上述方法选择此应用程序的特定部分。因此，这已解决50%。

您是否尝试了

对象

元素。。。阅读更多关于嵌入的信息：对不起，我忘了提到我尝试了对象。这也消失在我加载后

var jqxhr = $.get( "http://www.domain.com/myapp", function() {
})
  .done(function(d) {
    console.log( "second success" );
    $('#test').html(d);
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
  });

jqxhr.always(function(d) {
  console.log( "second finished" );
});

$(document).ready(function() {
  $("html").html('<object data="http://www.domain.com/myapp">');
});