JavaScript和iframe风格

Question

我正在使用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");
}

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

你能帮助我吗？

Answer 1

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

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

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