javascript怎么给窗口设置颜色?

javascript怎么给窗口设置颜色?下面本篇文章给大家介绍一下使用javascript给窗口设置背景颜色的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

javascript怎么给窗口设置背景颜色?

以下就是完整的HTML页面代码,大家可以测试下。

<!DOCTYPE html> 
<html> 
<head> 
  <meta charset="UTF-8"> 
  <title>Document</title> 
  <style> 
    .big_box{ 
      width: 500px; 
      height: 200px; 
      border: 1px solid black; 
    } 
    .big_box input{ 
      margin-left: 20px; 
    } 
  </style> 
  <script> 
    function Change_red(){ 
      var Red=document.getElementById("change_style"); 
      Red.style.backgroundColor="red"; 
    } 
    function Change_blue(){ 
      var Blue=document.getElementById("change_style"); 
      Blue.style.backgroundColor="blue"; 
    } 
    function Change_green(){ 
      var Green=document.getElementById("change_style"); 
      Green.style.backgroundColor="green"; 
    }
    function Change_pink(){ 
      var Pink=document.getElementById("change_style"); 
      Pink.style.backgroundColor="pink"; 
    }
    function Change_black(){ 
      var Black=document.getElementById("change_style"); 
      Black.style.backgroundColor="black"; 
    } 
  </script> 
</head> 
<body> 
  <p id="change_style"> 
    <input type="button" value="变为红色" onclick="Change_red()"> 
    <input type="button" value="变为蓝色" onclick="Change_blue()"> 
    <input type="button" value="变为绿色" onclick="Change_green()">
    <input type="button" value="变为粉色" onclick="Change_pink()"> 
    <input type="button" value="变为黑色" onclick="Change_black()"> 
  </p> 
</body> 
</html>

效果图:

1.gif

更多web前端知识,请查阅 HTML中文网 !!

以上就是javascript怎么给窗口设置颜色?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » JavaScript 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏