如何在点击链接时创建iframe？

小编典典

如何在点击链接时创建iframe？

jsp

我有一个网页，表格内有几个链接。链接之一在td标签内。我想要一种调用iframe的方法，该iframe将在用户单击链接后打开。当iframe弹出时，页面的其余部分将变得无响应，并且一旦用户离开iframe，外部页面就会变得响应。表td是这样的：

<td >
<a href="configuration.xml related jsp action">Set the Iframe up</a>
</td>

iframe将由另一个jsp的内容填充。

编辑： 我很着急，所以忘了粘贴我尝试过的代码：所以这里是：

<td >
<a href="#">Set the Iframe up</a>
<div id="modalMan" style="display:none;">
<div class="modalsub" >
<p class="close"><a href="#"><img src="cbutton.gif" alt="Close"/></a></p>
<iframe id="myFrame" style="display:none;" height="430" width="675" 
src="myJSP.jsp" >
</iframe>
</div>
</div>
</td>

但是，由于没有关闭图标，并且div的一部分

   <div id ="modalman">
   <p class>
   <iframe src>

所有内容都保持隐藏状态，并且iframe的外观类似，但是功能都变得混乱，myjsp的javascript内容保持隐藏状态。

再次编辑：
非常抱歉，我忘了提到我已经尝试过onclick功能，但是由于我的href是这样，所以它直接在新的浏览器选项卡中打开了jsp，而不是在iframe中打开它。

 <a href="configuration.xml related jsp action">Set the Iframe up</a>

我怎样才能做到这一点？请提出一种方法。

阅读 247

2020-06-08

共1个答案

小编典典

继承人可以使用的非常基本的JavaScript函数。函数参数是您要将iFrame附加到的元素，以及它要指向的位置。

的HTML

<a href="#" onclick="setIframe(this,'http://www.stackoverflow.co.uk')" >Set the Iframe up</a>

的JavaScript

function setIframe(element,location){
    var theIframe = document.createElement("iframe");
    theIframe.src = location;
   element.appendChild(theIframe);
}

2020-06-08