如何使用DIV或IFRAME在頁面內顯示頁面

我想在登錄我的公司網站時顯示歡迎頁面。目前此頁面有一些帳戶摘要數據/詳細信息。我希望能夠使用相同的空間來顯示結算信息，但我不希望用戶離開他們所在的頁面。如何使用DIV或IFRAME在頁面內顯示頁面

我該如何做到這一點？我必須能夠將代碼放入已經加載的頁面中。

來源

2013-10-02 Arringar1

查找到Ajax和[jQuery的獲得]（http://api.jquery.com/jQuery.get/）/後，用更少的廣泛回來問題 – mplungjan

爲什麼你不能只添加你想要的任何東西到現有的頁面？有些東西正在用HTML呈現當前頁面。添加結算信息。 –

我不希望此信息默認顯示。如果他們點擊它，我希望它用計費信息替換當前視圖。 – Arringar1

你必須讓ajax調用頁面來獲取數據並將響應附加到你想要顯示的div。

使用jQuery $就

來源

2013-10-02 17:23:14 Bala

var div = document.getElementById ("your_div_ID_goes_here"); 
div.innerHTML = "<b>Any html content. <br> Enjoy!</b>";

這將幫助你:)

來源

2013-10-02 17:24:21

您可以使用這樣的iframe：

<iframe src="http://www.w3schools.com"></iframe>

的SRC = 「blahblah」可以切換到任何您想要的網站或網頁。

儘管iframe聽起來不像您需要的東西。這聽起來像你需要添加內容取決於它是否是他們第一次訪問該頁面。您可以使用PHP或JavaScript來抓取cookie並執行此操作。

來源

2013-10-02 17:27:21

下面是從其他URL動態加載內容的代碼（AJAX）。你不需要jQuery的只是這個簡單的任務

function loadXMLDoc(aURL){ 
    var xmlhttp; 
    if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp=new XMLHttpRequest(); 
    } 
    else{// code for IE6, IE5 
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange=function(){ 
     if (xmlhttp.readyState==4 && xmlhttp.status==200){ 
      var div = document.getElementById ("your_div_ID_goes_here"); 
      div.innerHTML = xmlhttp.responseText; // this is the content you received, 
     } 
    } 
    xmlhttp.open("GET",aURL,true); 
    xmlhttp.send(); 

}

來源

2013-10-02 17:27:38

什麼屬於而不是警報？很明顯，OP不知道在哪個位置輸入 – mplungjan

誰是OP？你最好多一些耐心，而不是downvote。我提供了一個jQuery的替代方案，有時候這個方法很重要。 –

此外，有代碼評論的人可以閱讀:) –

如何使用DIV或IFRAME在頁面內顯示頁面

回答

相關問題