我是 JavaScript 初学者,正在尝试制作 iframe。
我的 iframe 的问题是当我点击链接时我想在 iframe 中显示 id 和类型。
有人可以帮我解决这个问题吗?
<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/