javascript - Chrome 加载 iframe 时替换主窗口

Question

我为希腊语语法树编写了一个简单的查看器:

http://ibiblio.org/bgreek/resources/syntax-trees/reader/

在 Chrome 上，当我不在本地运行此程序时，加载 iframe 时主窗口将被替换。见下文。如何解决此问题，以便主窗口保留在所有浏览器上？

主页有一个 iframe，我将一个 XML 文件加载到其中，该文件使用自己的 CSS 样式表进行格式化:

<iframe id="display" src=""></iframe>

单击按钮时，代码将文件加载到此 iframe 中:

function loadPassage() {
    var passage = document.getElementById("passage").value;

    document.getElementById("display").src = treeFile(passage, "nestle1904");
}

body 隐藏滚动条，iframe 不隐藏:

body {
    background-color: antiquewhite;
    overflow: hidden;
}

iframe {
    overflow: scroll;
    background-color: antiquewhite;
    width: 100%;
    height: 100em;
}

Answer 1

从元素 body 中删除属性 overflow:hidden 并将 overflow:hidden 添加到元素 html

html {overflow: hidden}
body {background-color: antiquewhite; margin: 8px;}

因此您的浏览器中不会有滚动条，但 iFrame 中会有。