页面中iframe中嵌入一个跨域的页面,让这个页面按照嵌入的页面宽高大小显示的方式;iframe嵌套的页面不可以编辑的问题解决方案

简介: <html> <head> <style> body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; overflow: hidden; } </style> </head&
<html>
	<head>
		<style>
			body {
				margin-left: 0px;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				overflow: hidden;
			}
		</style>
	</head>
	<body>
		<iframe src="http://gongkai.kaipuyun.cn/databaseInfo/index" width='100%' height='100%' frameborder='0' name="_blank " id="_blank "></iframe>
	</body>
</html>

效果图:



当发现一个iframe嵌套的页面不可以编辑的时候,解决办法是:

<html>
<head>
  
</head>
<body>
<iframe src=""001.htm"" id=""SendMsg""  width=""100%"" height=""120px"" ></iframe>
<script>
  document.getElementById(""SendMsg"").contentWindow.document.body.contentEditable= "true";  
 </script>
</body>
</html>


目录
相关文章
|
10月前
|
Web App开发 前端开发
网页|如何实现网页变灰效果
网页|如何实现网页变灰效果
98 0
|
缓存 网络协议 前端开发
浏览器原理 04 # 导航流程:从输入URL到页面展示,这中间发生了什么?
浏览器原理 04 # 导航流程:从输入URL到页面展示,这中间发生了什么?
137 0
浏览器原理 04 # 导航流程:从输入URL到页面展示,这中间发生了什么?
|
前端开发
CSS样式控制页面的几种方式
1.行内样式。 把样式写在元素标记之间。 用css控制页面样式的行内样式 2.内嵌式 把样式写在head之间,并且用<style></style>包括起来。
181 0
|
应用服务中间件 Apache nginx
iframe 嵌入页面?才不是那么轻轻松松!
iframe 嵌入页面?才不是那么轻轻松松!
1030 0
|
JavaScript 前端开发
使用 JavaScript 的 HTML 页面混合、根据在下拉列表框中选择的内容,决定页面效果,用户在下拉列表框中选择页面将要使用的背景颜色
使用 JavaScript 的 HTML 页面混合、根据在下拉列表框中选择的内容,决定页面效果,用户在下拉列表框中选择页面将要使用的背景颜色
385 0
使用 JavaScript 的 HTML 页面混合、根据在下拉列表框中选择的内容,决定页面效果,用户在下拉列表框中选择页面将要使用的背景颜色
|
小程序 JavaScript
小程序解析html渲染在页面上
小程序解析html渲染在页面上
142 0
小程序解析html渲染在页面上