繁体   English   中英

获取 iframe 的全部内容

Get full content of iframe

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

如何获取iframe的完整内容? iframe内容位于同一域中。 我需要有原始格式的内容。 我试过这样的事情:

var iframe_content = document.getElementById("wwwScreen").contentWindow.document.documentElement.outerHTML

这会以错误的格式返回内容,例如

<html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

我需要格式正确的内容,例如

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

我也尝试过XMLSerializer但我遇到了同样的情况。 返回的内容应该是一个字符串

1 个回复

格式将取决于屏幕的大小,或者在您的情况下取决于 iframe 的大小,因此只需将 iframe 的高度和宽度设置为 100% 以使其适合您的屏幕,除了 % 而不是 px 对高度不起作用screen 除非你使用这个函数来计算你的屏幕的高度:

function takeHeight(){
  var myHeight = 0;
  if( typeof( window.innerHeight ) == 'number' ) {
    //Non-IE
    myHeight = window.innerHeight;
  } else if( document.documentElement && (document.documentElement.clientHeight) ) {
    //IE 6+ in 'standards compliant mode'
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && (document.body.clientHeight ) ) {
    //IE 4 compatible
    myHeight = document.body.clientHeight;
  }
  return myHeight;
}

该函数返回屏幕的高度,将 iframe 的高度和宽度设置为如下所示:

MyIframe.style.height = takeHeight() + 'px';
MyIframe.style.width = '100%';

那应该这样做。

1 将iFrame设为网站的完整宽度(不包含内容!)

我的Iframe代码如下: 但是,我想将iFrame区域扩展到页面的整个宽度,因此它会填充如下区域: 如果仅增加iframe的宽度,我将得到以下结果: 如何在不遇到第二张图像的情况下获得第一张图像? 您可以在此处看到页面。 ...

2 如何获取iFrame的完整HTML内容?

我有一个应用程序,想要保存100%iFrame的内容。 这也包括&lt;html&gt;标记(如果存在)。 从本节开始,我仅找到有关如何保存iFrame内容的解决方案。 但是,这不好,因为我不知道这三个文件是否总是HTML标记。 同样,这种方法的第二个问题是它没有返回&lt;h ...

3 如何在打印预览中获取完整的iframe内容?

我正在IFRAME中加载Web应用程序。 如何在打印预览中获取全部内容? 以及如何在iframe中打印所有内容? 我使用简单的以下JavaScript函数通过使用CTRL + P来打印整个IFRAME内容,但是当我从菜单中选择“打印”选项时,它不起作用。 我需要在打印预览中显示 ...

4 IFrame 内容未显示全高

我的主站点上有一个响应式 IFrame,但无法让内容显示 100% 的高度。 屏幕截图。 里面的图像应该是一个矩形。 宽度显示正常,但 IFrame 要么将图像压缩为较短的长度,要么仅显示高度的较小正方形部分? 请告知我做错了什么,或者可以做什么,所以内容显示 IFRAME 的宽度的 100% 和高 ...

5 iFrame高度到完整内容[重复]

这个问题已经在这里有了答案 : 调整iframe的宽度和高度以适合其中的内容 (28个答案) 我有一个网站,我想有效地在顶部和下方创建横幅,以完整显示另一个网站,而页面内没有其他滚动条。 因此,我考虑过iframe,但 ...

6 iframe无法获取内容

我把它放在我的网页中: 结果&lt;iframe&gt;为空白。 查看Google Chrome开发者控制台,我看到了错误 这个错误是什么意思? ...

7 如何获取iframe内容?

如何从标题content-type: text/plan的iframe中获取内容? 是否可以使用$.ajax()加载内容而无需重新加载内容? iframe内容: ...

2011-10-30 23:46:53 2 683   jquery
8 获取iframe属性和内容

有没有办法获取iframe属性和内容并能够显示它? 示例:在iframe上将其输入为“ Rich Text Editor ”,它将在页面的某些部分显示为&lt;b&gt;Rich Text Editor&lt;/b&gt; 。 富文本编辑器 == &lt;b&gt;Rich Text ...

10 无法获取iframe的内容

我在iframe中加载本地html文档,然后尝试从脚本中访问其文档。 这是javascript: 这是我的iframe的声明: 这是结果: 如您所见,当我尝试获取文档时,iframe的内容消失了。 我究竟做错了什么? ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM