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

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

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

主页上有一个iframe,我在其中加载了一个XML文件,该XML文件使用自己的CSS样式表进行了格式设置:

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


单击按钮后,代码会将文件加载到此iframe中:

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

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


主体会隐藏滚动条,而iframe不会:

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

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

最佳答案

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

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


因此您的浏览器中将没有滚动条,但iFrame中将包含滚动条。

关于javascript - 在加载iframe时,Chrome会替换主窗口,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44678009/

10-12 12:20
查看更多