JavaScript 和 iframe 样式答案

【问题标题】：JavaScript and iframe styleJavaScript 和 iframe 样式
【发布时间】：2014-06-03 09:53:42
【问题描述】：

我正在使用 HTML、CSS 和 JS 来制作 Web 应用程序。

我有一个包含 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");
}

问题是这段代码似乎可以工作。页面内容 div 中的文本更改了颜色，但 iframe 似乎立即刷新并且颜色返回黑色。

你能帮帮我吗？

【问题讨论】：

【解决方案1】：

该按钮是一个提交按钮。如果页面刷新，则很可能是因为按钮位于表单内。

您正在运行 JS，然后提交表单，这会重新加载页面。

为纯 JS 按钮添加 type="button"。

【讨论】：