我正在使用 HTML、CSS 和 JS 制作网络应用程序。
我有一个带有 iframe 的 html 页面(它们在同一个域中),我想在单击按钮时更改 iframe 的样式。
所以,在主页面我有一个按钮
<button class="btn btn-default" onclick="refreshFrame()">
<span class="glyphicon glyphicon-refresh"></span> Refresh
</button>
点击时调用
function refreshFrame() {
$("iframe").contents().find(".page-content").css("color", "blue");
}
问题是这段代码似乎可以工作。 page-content div 中的文本改变了颜色,但 iframe 似乎立即刷新并且颜色返回黑色。
你能帮帮我吗?
最佳答案
该按钮是一个提交按钮。如果页面刷新,则很可能是因为按钮位于表单内。
您正在运行 JS,然后提交表单,这会重新加载页面。
为纯 JS 按钮添加 type="button"
。
关于JavaScript 和 iframe 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24012115/