gpt4 book ai didi

javascript - 在父 Html 页面上的 Iframe 中显示另一个 html 页面

转载 作者:行者123 更新时间:2023-11-28 06:40:42 24 4
gpt4 key购买 nike

我有一个基本 html 页面,并且有一个 div,单击该 div 应该会在同一基本 html 页面上显示另一个 html 页面,位于我已插入并保留为 display:none 的 iframe 中。

请大家帮忙!!!

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

下面是基本 html 页面上的 iframe 和 html,其中包含一个 js 函数,我试图实现该函数来实现此目的...

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

JS 是

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

最佳答案

查看此代码片段并将代码应用到您自己的页面。据我所知,您正在使用跨度的文本作为链接/按钮?

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>

关于javascript - 在父 Html 页面上的 Iframe 中显示另一个 html 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33852221/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com