js修改bgcolor

最新推荐文章于 2024-04-24 09:22:16 发布
最新推荐文章于 2024-04-24 09:22:16 发布
阅读量3.1k 收藏
点赞数
文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wang5397/article/details/60475384
版权
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>随机变换背景颜色</title>
<script type="text/javascript">
function start(){

var colors=document.getElementById("colors");
var time=setInterval(function(){
var color ="#"+Math.floor(Math.random()*256).toString(16)+Math.floor(Math.random()*256).toString(16)+Math.floor(Math.random()*256).toString(16);
//ar color = "#"+Math.ceil(Math.random()*255);
colors.bgColor=color;
},1000);
}

</script>
</head>
<body οnlοad="start()" bgcolor="red" id="colors">


</body>

</html>


我室友做练习，一直不能改变背景颜色，然而我查看了好多地方都没有问题。因为以前并没有使用过bgcolor,对他不熟悉，最后才发现，原来是javaScript中的colors.bgColor=color;此处出了问题，JS对大小敏感，bgColor中的C一定要大写，小小一个地方，害我找了半天。

background-color是标准CSS属性，bgcolor应该是IE扩展的html元素属性，效果相同，但是还是建议大家使用标准CSS属性。

W3school中这样说：
在 HTML 4.01 中，不赞成使用 body 元素的 bgcolor 属性；在 XHTML 1.0 Strict DTD 中，不支持 body 元素的 bgcolor 属性。
请使用 CSS 代替。



 

 


                

        

        

    




    

      

        

            

              
                
                  wang5397
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
JavaScript动态修改背景颜色的方法

				
			

			

				

					01-19
				

			

		

		

			
				
本文实例讲述了JavaScript动态修改背景颜色的方法。分享给大家供大家参考。具体如下：  <html> <head>  <title>Background Color Changer</title> [removed] <!-- function BG_yellow() ...

			
		

	



                

              
                



	

		

			

				
					
js改变选择的行颜色

				
			

			

				

					qinzhijun的博客
				

				

					06-26
					
					318
					
				

			

		

		

			
				
 



 //点击当前选中行的时候设置当前行的颜色，同时恢复除当前行外的行的颜色及鼠标事件
 function selectRow(target)
 {
     var sTable = document.getElementById("ServiceListTable")
     for(var i=1;i...

			
		

	



                


  
              

                


	

		

			

				
					
js作业点击变换背景颜色

				
			

			

				

					博客
				

				

					03-06
					
					1321
					
				

			

		

		

			
				
效果：

点击按钮，变换背景颜色

重点：

document.bgColor=“颜色”

代码：


&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="UTF-8"&gt;
		&lt;title&gt;&lt;/title&gt;
		
	&lt;/head&gt;
	&lt;b

			
		

	





	

		

			

				
					
bgcolor和background-color；bgColor和backgroundColor

				
			

			

				

					weixin_45373197的博客
				

				

					08-27
					
					1147
					
				

			

		

		

			
				
https://blog.csdn.net/Sardar_/article/details/74990430
链接：https://www.nowcoder.com/questionTerminal/7ba96072758343de9f363b33d8275081
HTML

1、bgcolor是标签属性，用于设置背景颜色，只有body  table  tr  td元素有该属性。
2、使用js改变...

			
		

	



		

			
		



	

		

			

				
					
JavaScript 文档对象模型（DOM）（bgColor、fgColor、title）

				
			

			

				

					weixin_46990454的博客
				

				

					12-15
					
					833
					
				

			

		

		

			
				
DOM（document object model）是文档对象模型的简称。与BOM不同，DOM只关注浏览器所载入的文档。DOM把HTML文档看成由元素、属性和文本组成的一棵倒立的树。同时DOM可以把HTML中的元素、属性和文本看成一个节点。
节点的特征：
（1）整个HTML文档是一个文档节点。
（2）每个HTML标签是一个元素节点。
（3）包含在HTML元素中的文本是文本节点。
（4）每个HTML属性是一个属性节点。
（5）注释为注释节点。
//此中title元素节点的父节点为元素节点head，子节点为文本

			
		

	





	

		

			

				
					
bgcolor、bgColor与backgroundColor三者的区别

				
			

			

				

					speedwaycl的博客
				

				

					10-29
					
					1万+
					
				

			

		

		

			
				
bgcolor是HTML，bgColor是JScript，backgroundColor是javascript 
bgcolor—-静态不变的背景色 
this.bgColor—-动态变化的背景色bgcolor和bgColor代码应用范例：<table width="200" border="0" cellpadding="0" cellspacing="0" >
  <tr>
    <td

			
		

	





	

		

			

				
					
js使用小技巧

				
			

			

				

					07-11
				

			

		

		

			
				
 表格行指示 <tr onmouseover="this.bgColor="#f0f0f0"" onmouseout="this.bgColor="#ffffff"">   //各种尺寸  s += " 网页可见区域宽："+ document.body.clientWidth;  s += " 网页可见区域高："+ document.body....

			
		

	





	

		

			

				
					
javasCript脚本大全

				
			

			

				

					03-07
				

			

		

		

			
				
====2、[可选项]修改标签内的代码可以确定文字显示的位置，颜色和大小。 top是距离屏幕上面的距离，left是距离坐侧的距离。font-size是文字大小， color是颜色。width是DIV层的宽度。由于文字是用DIV来控制的，所以...

			
		

	





	

		

			

				
					
JS实现鼠标滑过链接改变网页背景颜色的方法

				
			

			

				

					11-23
				

			

		

		

			
				
本文实例讲述了JS实现鼠标滑过链接改变网页...http://demo.jb51.net/js/2015/js-mouse-over-link-cha-bgcolor-demo/ 具体代码如下：  <html> <head> <title>鼠标放上链接改变网页背景颜色</title

			
		

	





	

		

			

				
					
JavaScript_DOM编程

				
			

			

				

					12-12
				

			

		

		

			
				
	fileModifiedDate：网页文档的修改时间 	fileSize：文件大小 	lastModified： 	URL：返回或设置打开当前网页所用的URL地址 	referrer：返回或设置导航到当前文件的超链接源的URL 	·对象属性：对于对象数组xxx中的...

			
		

	





	

		

			

				
					
HTML中"bgcolor"与"background-color"的区别

					
热门推荐

				
			

			

				

					Sardar_的博客
				

				

					07-11
					
					1万+
					
				

			

		

		

			
				
bgcolor只是标签属性，而backgroud更多作为css的样式属性。 
它们俩大多数情况下效果完全相同。但在<p>标签下效果不同。<p>不支持bgcolor属性，只能用style标签添加CSS样式。作为table的属性而言：<table style="background-color:red">
<tr>
<td>Hello World !</td>
</tr>
</table>和<table

			
		

	





	

		

			

				
					
shawl.qiu Javascript 前景色背景色调色类 / BgColorScheme v1.0

				
			

			

				

					星☆空 | 对生活要知足,学习要不知足,为人处事要知不足.  卍 ♂ | ♀ 卐 - 科技以人为本.
				

				

					07-01
					
					8738
					
				

			

		

		

			
				
shawl.qiu Javascript 前景色背景色调色类 / BgColorScheme v1.0说明:这个类嘛, 功能就跟标题描述的一样, 也许更多, 这取决于你对色彩的了解程度..后续版本会逐渐发展成 Web 页配色方案, 也许在这个类的基础上扩展, 也许会是一个全新的类.主色彩内容主要为预定义色彩, 因此随着类的更新, 类会越来越大.目前本类大小约为: 85.2 KB (87,328

			
		

	





	

		

			

				
					
【element-ui】el-tag设置不同的背景颜色

				
			

			

				

					栗子菜菜
				

				

					06-28
					
					1万+
					
				

			

		

		

			
				
el-tag设置背景颜色

			
		

	





	

		

			

				
					
vue2---修饰符

					
最新发布

				
			

			

				

					weixin_45503872的博客
				

				

					04-24
					
					620
					
				

			

		

		

			
				
此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。

			
		

	





	

		

			

				
					
c++| datetimepicker控件 修改样式

				
			

			

				

					09-01
				

			

		

		

			
				
<script src="datetimepicker.js"> ```  2. 然后，在页面的相应位置添加一个用于显示datetimepicker控件的HTML元素。可以是一个文本框或者其他合适的容器元素。例如，可以在页面中添加以下代码： ```html  ```  3. ...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值