如何在右下角而不是在div中顯示HTML頁面？

Question

我想要做的是通過我的js腳本在頁面的右下角顯示HTML頁面的內容，如下所示

為了完成此操作，我不想在頁面中放置一個div，然后再將要顯示在其中的頁面放進去，但是可以通過某種方式將其放置在其中。

目標是不對頁面進行任何編輯，所有魔術都必須通過.js文件完成。

所以現在我有這個：

<div id="topBar"> <a href ="#" onclick="load_home()"> HOME </a> </div>
<div id ="content"> </div>
<script>
function load_home()
{
  document.getElementById("content").innerHTML='<object type="text/html" data="home.html" ></object>';
}
</script>

但會加載我放置div而不是覆蓋的頁面。

這個怎么做？

Answer 1

如果您可以使用JQuery，則可以查看以下選項http://www.erichynds.com/examples/jquery-notify/

http://notifyjs.com/ （此效果與上圖中所述的效果相同）

您可以通過AJAX加載html頁面，然后將其渲染到使用上述任何插件創建的DIV中。

對於跨域，您可能必須嘗試以下方法http://www.leggetter.co.uk/2010/03/12/making-cross-domain-javascript-requests-using-xmlhttprequest-or-xdomainrequest.html