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

最新推荐文章于 2023-10-30 15:23:21 发布

涂作权的博客

最新推荐文章于 2023-10-30 15:23:21 发布

阅读量7.2k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/tototuzuoquan/article/details/51892346

版权

前端专栏收录该内容

49 篇文章 1 订阅

订阅专栏

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

涂作权的博客

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
页面中iframe中嵌入一个跨域的页面，让这个页面按照嵌入的页面宽高大小显示的方式；iframe嵌套的页面不可以编辑的问题解决方案

body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; overflow: hidden; } 效果图：
复制链接

扫一扫