Question

我试图更改IFrame中文字的字体样式，颜色和大小。文本存储在.txt文件中。我怎么能这样做呢？

Answer 1

您可以通过以下代码执行此操作：

<iframe id="myFrame" src="text.txt"></iframe>

<script>
var frame = document.getElementById('myFrame');
    frame.onload = function () {
        var body = frame.contentWindow.document.querySelector('body');
        body.style.color = 'red';
        body.style.fontSize = '20px';
        body.style.lineHeight = '20px';
    };
</script>

Answer 2

这是不可能的。由于有关更改/操纵网站数据/版权/登录信息等的安全问题，Chrome，Firefox和所有其他主流浏览器不支持此功能。但是，@ DmitriyLoskutov提到的东西可以在未成年人或几乎不知道的浏览器中使用。否则，出于安全原因，无法更改您自己或不在同一页面上的页面上的内容，样式或脚本。有些javascript库可以绕过这类东西，但使用它们是不明智的，因为它们可能是有害的脚本并违反了浏览器的使用条款。任何样式的最佳方式始终是从文件内部设置样式。你要做的最好的事情就是创建一个带有文本的html文件，然后设置样式（如@ robinp7720所提到的那样）。

Answer 3

要做到这一点，最简单的方法是直接在文件中包含样式。

只需将您的txt文件更改为.html文件，然后使用样式标记通过css更改页面外观

例如，您的样式标记可能如下所示：

<style>
body{
   font-family: sans-serif;
   color: red;
   font-size: 2em;
}
</style>

这将使用您的默认sans-serif字体和红色文本颜色

创建相当大的文本

更改IFrame字体样式/大小/颜色

3 个答案: