顯示另一個HTML頁面中的iframe的父HTML頁面

我有一個基本的HTML頁面和我有一個div，點擊它應該顯示相同的基本HTML頁面上的其他HTML頁面，在其中我已經插入並保持作爲一個iframe顯示：無。顯示另一個HTML頁面中的iframe的父HTML頁面

請幫忙!!!

the screenshots shows the div on which i am clicking and whole page should get replaced by another html page in an iframe

下面是我將試圖實現以實現這一js函數基本HTML頁面中的iframe和HTML ...

 <iframe id='ifr'></iframe> 
     <span id="previousemployment" onclick="previousemploymentIframe()">Previous Employment</span>

JS是

 function previousemploymentIframe() 
     { 
     document.getElementById("ifr").src ='PreviousEmployment.html'; 
     }

來源

2015-11-22 Anand Kumar Shukla

哪來你的代碼？ – rhill45

我有麻煩將是@RobertScoloni –

確保有兩個空格的文本的最後一行後，然後按空格鍵4次，然後再開始編寫代碼 – rhill45

看看這段代碼並將代碼應用到您自己的頁面。從我收集的內容中，您將跨度文本用作鏈接/按鈕？

function prevEmpIframe() { 
 
    var ifr = document.getElementById("ifr"); 
 
    ifr.src = 'PreviousEmployment.html'; 
 
} 
 

 
//Crossbrowser Access of Iframe from Parent Page 
 

 
var doc = iframe.contentDocument ? iframe.contentDocument : 
 
(iframe.contentWindow ? iframe.contentWindow.document : iframe.document);

#prevEmp.show { 
 
    display: block; 
 
} 
 
#prevEmp.hide { 
 
    display: none; 
 
} 
 
#prevEmp { cursor: pointer; }

<!doctype html> 
 
<html> 
 

 
<head> 
 
    <base href="/" target="_self"> 
 
    <meta charset="utf-8"> 
 
    <style> 
 
    </style> 
 
</head> 
 

 
<body> 
 
    <section> 
 
    <span id="prevEmp" onclick="prevEmpIframe()">Previous Employment 
 
      <iframe id='ifr' src="/"></iframe> 
 
     </span> 
 
    </section> 
 
    <script> 
 
    </script> 
 
</body> 
 

 
</html>

來源

2015-11-29 11:40:51 zer00ne

它的工作原理，但我現在正在與href，並將在以後的這些先進的東西工作。 –

'href' on''？是的，這對你的情況很有幫助。在您孩子的'PreviousEmployment.html'更改''或'_top' – zer00ne

顯示另一個HTML頁面中的iframe的父HTML頁面

回答

相關問題