代码之家 › 专栏 › 技术社区 › Rajat

使用JavaScript读取IFrame内容

iframe javascript

Rajat · 技术社区 · 16 年前

首先是我测试的示例代码:

<head>
<script type="text/javascript">
function init(){
  console.log("IFrame content: " + window.frames['i1'].document.getElementsByTagName('body')[0].innerHTML);
}
</script>
</head>
<body onload="init();">
<iframe name="i1" src="foo.txt"/>
</body>

文件“foo.txt”如下所示:

sample text file

问题:

1) iframe看起来像一个HTML文档,而文件文本实际上是主体的一部分。为什么?IFrame是HTML文档的规则。iframe的内容不可能是纯文本吗??

之前标签总是那么我实际上将不得不在之前 内部HTML

4 回复 | 直到 16 年前

Tahir Alvi Sean Kinsey 6 年前

innerHTML 做不归还 准确的 元素的内容,它是一个返回HTML的非标准化方法 相等的 在HTML中,与纯文本等价的是 <pre>foo...</pre> .

innerText 属性。。

Peter O. Manuel Pinto 14 年前

我很难得到一个TXT文件的内容,这个文件是iframe的src。这是我的解决方案:

document.getElementById( 'iframeID' ).contentWindow.document.body.innerText

Dormilich 16 年前

您使用的是DOM/JS接口。只有当内容被视为HTML/XML时,这才有效。

Nikita Rybak 16 年前

这就是浏览器处理文本文件的方式,因为它们以这种方式“看起来更好”(不仅在iframe中)。浏览器可以处理大量的文件类型,期望它们以原始形式显示所有内容是不合理的,对吧?因为浏览器页面(和iframe)是关于表示的,所以没有人真正使用iframe进行配置或从磁盘读取原始数据。

如果您想完全控制演示文稿,只需将文件类型更改为html,它将被视为html(特别是,它将解决“pre”问题)

这能回答你的问题吗?

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前