gpt4 book ai didi

javascript - iframe : How to display Type and ID

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

我是 JavaScript 初学者,正在尝试制作 iframe。

我的 iframe 的问题是当我点击链接时我想在 iframe 中显示 id 和类型。

有人可以帮我解决这个问题吗?

something like this

<script src="jquery-1.11.1.min.js"></script>
<script>
function SetIframe(Type, ID)
{
$("#DriveFrame").prop.('src')// i have no idea what to put after 'src' :(
}
</script>

<body>


<ul>
<li><a href="javascript:SetIframe('Medewerkers', '1000');" target="lijst">Medewerker 1000</a></li>
<li><a href="javascript:SetIframe('Medewerkers', '1001');" target="lijst">Medewerker 1001</a></li>
<li><a href="javascript:SetIframe('Medewerkers', '2001');" target="lijst">Medewerker 2001</a></li>
<li><a href="javascript:SetIframe('Kantoor', '101');" target="lijst">Kantoor 101</a></li>
</ul>
<hr>
<center>
<iframe name="lijst" id="DriveFrame" width="500" height="520"></iframe>
</center>

最佳答案

这就像将 iframe 的 src 属性设置为 data:text/html URI 一样简单(将 html 注入(inject)到 iframe)

所以代码是:

DriveFrame = $("#DriveFrame")[0];DriveFrame.src="data:text/html,<h1>[Type="+Type+"]<br>ID="+ID+"";

Live fiddle here:

// https://jsfiddle.net/Lrynnuhm/3/

说明:

$("#DriveFrame")[0];获取 iframe 的 DOM 元素(我的意思是,不是 JQuery,我讨厌在下一步中使用 .prop() 来更改 URI)

然后,我使用 data:text/html,<html code> 将 HTML 注入(inject)到 iframe 中(您可以使用 DriveFrame.contentDocument.write() ,但是当您单击另一个链接时,文本只会位于现有文本下方。)

关于javascript - iframe : How to display Type and ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39958851/

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