javascript将metacharset添加到iframe头

Question

嗨，我有一个这样的iframe

<iframe id=iframeId">
<html>
<head></head>
<body></body>
</html>
</iframe>

我想在iframe的头部添加一个meta标签。 我从中得到启发，但没有任何效果。 使用jQuery将元素添加到iframe的头部中，所以我想要这样：

<iframe id=iframeId">
    <html>
    <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /></head>
    <body></body>
    </html>
    </iframe>

我试着做

var meta = document.createElement('meta');
    meta.httpEquiv = "Content-type";
    meta.content = "text/html; charset=UTF-8" >

 $('head', window.frames['iframeId'].document).append(meta);

但是我在控制台中有一个错误。 文件为空。

PS：我在IE中

Answer 1

您的代码中有一些语法错误，因此不需要jQuery。

HTML代码：

<iframe id="myIFrame">
<html>
<head></head>
<body></body>
</html>
</iframe>

JavaScript代码：

var meta = document.createElement('meta');
meta.httpEquiv = "Content-type";
meta.content = "text/html; charset=UTF-8";

var doc = document.getElementById('myIFrame').contentWindow.document.head;
doc.append(meta);

我在JSFiddle上做了一个工作示例，因为stacksnippet不允许我使用IFrame，这里是： https ://jsfiddle.net/Ln7s0vg8/1/

javascript将metacharset添加到iframe头

问题描述

1 个解决方案

解决方案1
0 2017-12-14 13:14:27

javascript将metacharset添加到iframe头

问题描述

1 个解决方案

解决方案1 0 2017-12-14 13:14:27

解决方案1
0 2017-12-14 13:14:27