div动态显示iframe内容

在div里隐藏不了iframe

<div id="popupmenu" style="position:relative; display:none; z-index:10;">
   <iframe allowtransparency="true" src="web/rebootOper.php" scrolling="auto" width="100%" height="100%" frameborder="0"></iframe>
</div>

即使div使用了display:none的style,页面rebootOper.php仍会被执行。

个人理解:涉及到跳转到另一个页面的内容。

在div里动态调用iframe的方式,在js 里新建一个iframe

<div id="popupmenu" style="position:relative; display:block; z-index:10;">
  <!-- <iframe allowtransparency="true" src="web/rebootOper.php" scrolling="auto" width="100%" height="100%" frameborder="0"></iframe> -->
</div>

function showPop(){
     document.getElementById("main").style.position = ‘absolute‘;
     var elementObject = document.getElementById("popupmenu");

    var strIframe  = ‘<iframe allowtransparency="true" src="web/rebootOper.php" scrolling="auto" width="100%" height="100%" frameborder="0"></iframe>‘;
      elementObject.innerHTML = strIframe;
    }
时间: 2024-10-30 21:08:21

div动态显示iframe内容的相关文章

将展示内容(div、iframe)放在Expand控件中

Expand是ArcGIS JavaScript API 4.3推出的一个widget(控件),用于承载一个HTML DOM元素,可以把一个自己编写的div或者是一个其他的Esri widget控件放到Expand里面.Expand在地图上显示为一个小方块按钮,点击可以展开或关闭它所承载的内容.关于Expand控件的详细内容,请查看:https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.

[转]如何让div中的内容垂直居中

转自:http://blog.163.com/yan_1990/blog/static/197805107201211311515454/ 虽然Div布局已经基本上取代了表格布局,但表格布局和Div布局仍然各有千秋,互有长处.比如表格布局中的垂直居中就是Div布局的一大弱项,不过好在千变万化的CSS可以灵活运用,可以制作出准垂直居中效果,勉强过关. 要让div中的内容垂直居中,无非有以下几种方法,等我一一列举: 一.行高(line-height)法如果要垂直居中的只有一行或几个文字,那它的制作最

js实现动态给一个div添加文本内容与简单的日历

js实现动态给一个div添加文本内容(即在文本框中输入一段文字,点击设置文字按钮实现将文本框中的文字添加到div中) <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <style

div中的内容垂直居中实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">           <head>         <title>   

div中让内容能不换行就尽量不换行.【纯原】

div中让内容能不换行就尽量不换行. <html> <head> <style type="text/css"> </style> </head> <body> <div style="width:250px"> <span>悲莫悲兮生别离,乐莫乐兮新相知</span> <div style="float:right"> |=|

div里面的内容超出自身高度时,显示省略号

1.给DIV设置属性:width: 200px; text-overflow: ellipsis; overflow: hidden; 当div里面的内容总宽度找过 200PX的时候,超出的部分会以"..."的形式显示. 2.上面那个案例之适用于单行文本的现实,才会有效.但当div里面的内容出现多行的时候则不能达到预期的效果.下面是解决多行的时候显示"..."的方案. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML

限制div高度当内容多了溢出时显示滚动条

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type"content="text/html; charset=utf-8" /> 5 <title>限制div高度,内容多了显示滚动条</title> 6 <style type="text/css"> 7 div{ border-r

如何让div中的内容垂直居中(转)

虽然Div布局已经基本上取代了表格布局,但表格布局和Div布局仍然各有千秋,互有长处.比如表格布局中的垂直居中就是Div布局的一大弱项,不过好在千变万化的CSS可以灵活运用,可以制作出准垂直居中效果,勉强过关. 如何让div中的内容垂直居中 来源:黄超 要让div中的内容垂直居中,无非有以下几种方法,等我一一列举: 一.行高(line-height)法 如果要垂直居中的只有一行或几个文字,那它的制作最为简单,只要让文字的行高和容器的高度相同即可,比如: p { height:30px; line

如何让div中的内容垂直居中

虽然Div布局已经基本上取代了表格布局,但表格布局和Div布局仍然各有千秋,互有长处.比如表格布局中的垂直居中就是Div布局的一大弱项,不过好在千变万化的CSS可以灵活运用,可以制作出准垂直居中效果,勉强过关. 要让div中的内容垂直居中,无非有以下几种方法,等我一一列举: 一.行高(line-height)法如果要垂直居中的只有一行或几个文字,那它的制作最为简单,只要让文字的行高和容器的高度相同即可,比如: p { height:30px; line-height:30px; width:10