当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JavaScript操作BOM对象的练习题分享

JavaScript操作BOM对象的练习题分享

2018年08月04日  | 移动技术网IT编程  | 我要评论

第一题:

html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>病毒页面效果title>
head>
<body>
<body onload="open_adv();">
<p class="content">
 <p class="logo">
  <img src="picture/webPic.jpg">
 p>
p>
<script type="text/javascript">
 function open_adv1(){
  window.open("第一题病毒网页.html","_back","width=250px,height=250px;");
 }
 var open_adv = setInterval("open_adv1()",1000);
script>
body>
body>
html>

第二题：

 



html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>根据当前时间显示问候语title>
head>
<body>
<p id="myclock" style="font-size: 20px;">p>
<script type="text/javascript">
 function disptime(){
  var today = new Date(); //获得当前时间
  var nian = today.getFullYear();//获得年份
  var yue = today.getMonth()+1; //获得月份
  var tian= today.getDate();//获得天数
  var hh = today.getHours();  //获得小时
  var mm = today.getMinutes();//获得分钟
  var ss = today.getSeconds(); //获得秒
  if (hh<=12){
a=("上午好！欢迎来到贵美")
  }else if (hh > 12 && hh <= 18){
a=("下午好！欢迎来到贵美")
  }else{
a=("晚上好！欢迎来到贵美")
  }
  /*设置p的内容为当前时间*/
  document.getElementById("myclock").innerHTML="今天日期:"+nian+"年"+yue+"月"+tian+"日
"+"现在的时间:"+hh +":"+mm+": "+ss+"
"+a;
 }
 /*使用setInterval()每间隔指定毫秒后调用disptime()*/
 var myTime = setInterval("disptime()",1000);
script>
body>
html>


第三题：


html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>选择颜色title>
 <style type="text/css">
  #Fruits{
font-family: "微软雅黑";
font-size: 16px;
color: darkblue;
font-weight: bold;
  }
 style>
head>
<body>
<p>
 您得到的水果是:<span id="Fruits">span>
 <input type="button" value="" onclick="selColor();">
p>
<script type="text/javascript">
 function selColor(){
  var color=Array("Pear","Apple","Banana","Peach","watermelon","lemon");
  var num=Math.ceil(Math.random()*6)-1;
  document.getElementById("Fruits").innerHTML=color[num];
 }
script>
body>
html>

						

                    

                        

                            
                        

                    

                    


                    
                    

                        
    
                            
  • 
                                
                            
    • 
                        

                    


                    
                    

                    

                        
您可能感兴趣的文章:

                        
                    

                    

                        如对本文有疑问，
                        点击进行留言回复！！
                    

                

                 
                

                    
相关文章:

                    
                

               
                       
                             

                

                    
                    

                        
                        
                        

                        

                            

                                
                                    
                                
                                 
                                    
                                
                            

                            

                                验证码：
                                
                                    
                                    
                                    
                                
                            

                        

                        
                    

                    
                    

                        
                        
                        
                    

                

            

        

        
        
 
            

                

                    
                    

                    
                


                

                    

                        

                            
最近更新的文章

                            

                                
                            

                        

                    

                


                

                    
                    

                        
                    

                


                

                

                    

                        

                            
大家感兴趣的文章

                            

                                
                            

                        

                    

                

                

                    
                    

                        
                    

                


            

        

    



 


 
 

     
    

        

移动技术网