一尘不染

如何在点击链接时创建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>

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


阅读 203

收藏
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