0417--前端考试题目

26 篇文章 0 订阅
25 篇文章 0 订阅
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
  
</style>
      <script type="text/javascript" src="jquery-1.11.1.min.js"></script>


</head>
<body>
<!-- 16 -->
<script type="text/javascript">


   var arr1=[1,2,3,4];
   var arr2=[1,3,5];
   document.write("合并["+arr1+"]和["+arr2+"]两个数值,");


     arr1.push(arr2);
      document.write("["+arr1+"]"); 


     document.write("再删掉数值中的第二个值,");
     arr1.splice(1,1);
      document.write("["+arr1+"]");


</script>
</br></br></br>
<!-- 17 -->


<label>邮箱 <input type="text" class="txt" value=""></label><span>输入正确邮箱</span><br/>
<script type="text/javascript">



                
                    $(".txt").blur(function(){
                      var num = /^\w+([+-.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
                   if(num.test($(".txt").val())){
                    $(".txt").css("border-color","green");
                          $("span").html("算你对了").css({"color":"green","background":"url(images/right.png) no-repeat"});
                   } else{
                    $(".txt").css("border-color","red");
                        $("span").html("算了吧你").css({"color":"red","background":"url(images/error.png) no-repeat"});
                   }
               });


       
</script>
<!-- 18 -->


<h1>JavaScript</h1>  
    <p id="con">做为一个Web开发师来说,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。</p> 
    <form>
       <input type="button" οnclick="hidetext()" value="隐藏内容" /> 
       <input type="button" οnclick="showtext()" value="显示内容" /> 
    </form>
    <script type="text/javascript">
              function hidetext()
              { document.getElementById("con").style.display="none";
               }
               function showtext()
              {document.getElementById("con").style.display="block";
               }
               
    </script>


    <!-- 19 -->




    <p class="first"></p>
    <p class="then"></p>
    <script type="text/javascript">
            $(".first").html("这是用jquery中。html添加的");
             $(".then").append("这是用jquery中.append添加的");
    </script>


    <!-- 20 -->
    <script type="text/javascript">
        var s = 31220;
       
        var h = parseInt(s/3600);
          var min= parseInt(s/60%60);
         
          var ss= parseInt(s%60);
        document.write(h+"时"+min+"分"+ss+"秒");
      
    </script>




</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值