JavaScript和iframe风格

我正在使用HTML、CSS和JS制作一个web应用程序

我有一个带有iframe的html页面，它们在同一个域中，我想在单击按钮时更改iframe的样式

所以，在主页上我有一个按钮

<button class="btn btn-default" onclick="refreshFrame()">
<span class="glyphicon glyphicon-refresh"></span> Refresh
</button>

问题是这段代码似乎有效。页面内容div中的文本会更改其颜色，但iframe似乎会立即刷新，颜色返回黑色

---

你能帮我吗？

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

您正在运行JS，然后提交表单，从而重新加载页面

---

添加类型=仅JS按钮的按钮。

此按钮是否放置在表单元素中？如果是，将type=按钮添加到按钮。

function refreshFrame() {
    $("iframe").contents().find(".page-content").css("color", "blue");
}