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

我想要做的就是通過我的JS腳本來顯示一個HTML頁面，在頁面的右下角的內容，如下面如何在右下角顯示HTML頁面而不是div？

enter image description here

爲了做到這一點，我不想在頁面中放入一個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>

但它加載在那裏，我把股利，不疊加的頁面。

如何做到這一點？

來源

2014-09-02 EnexoOnoma

你需要的，如果你想顯示從另一個HTML頁面內容，以創建一個'iframe'。 'iframe'將位於頁面右下角 – Catalin 2014-09-02 12:11:47

@RaraituL我描述了我不想編輯頁面，並且發佈的代碼從另一個域中加載了html而沒有iframe。 – EnexoOnoma 2014-09-02 12:12:53

您希望在您的頁面上添加頁面的內容而無需手動添加它？或者您希望內容出現，但不修改您網頁的HTML內容？ – Catalin 2014-09-02 12:19:35

如果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

來源

2014-09-02 12:23:45 CuriousMind

哦，很棒的鏈接，謝謝。這些可以用Javascript來完成嗎？ – EnexoOnoma 2014-09-02 12:29:52

是的@Xalloumokkelos你一定可以用JavaScript做到這一點。 – CuriousMind 2014-09-04 08:02:41

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

回答

相關問題