时间戳

首页 > 解决方案 > 我无法使用 javascript 永久更改简单 html 页面的背景颜色

javascript - 我无法使用 javascript 永久更改简单 html 页面的背景颜色

问题描述

当我单击按钮时，更改的背景颜色，但在一秒钟后它消失了

这是代码

<!DOCTYPE html>
<html>
    <head>
        <title>ex7</title>
        <meta charset="utf-8"> 
        <script>
            function changerCouleur() {
                document.bgColor= "#FFFggF";
            }
        </script>
    </head>
    <body>
      <form>
          couleur  <input type="text" > <br>
          <button onclick="changerCouleur()">changer couleur </button>
      </form>
    </body>
</html>

标签： javascriptdom

解决方案

#FFFggF 不是有效的颜色代码。

请尝试以下代码：

function changerCouleur() {
                document.body.style.background = "#ff9933";
            }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!DOCTYPE html>
<html>
    <head>
        <title>ex7</title>
        <meta charset="utf-8"> 
    </head>
    <body>
      <form onSubmit="return false">
          couleur  <input type="text" > <br>
          <button onclick="changerCouleur();">changer couleur </button>
      </form>
    </body>
</html>

我将属性 onSubmit="return false" 添加到表单中，否则每次单击按钮时都会重新加载页面

推荐阅读