javascript代码实例教程-一天一个js(1)反转文本顺序

发布时间:2019-04-10 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-一天一个js(1)反转文本顺序脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

[htML] 
<!DOCTYPE HTML
<html> 
<head> 
<;meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
<script src="https://ajax.GOOGLEapis.COM/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function(){ 
    $(".BTn").click(function(){ 
        VAR ytext = $(".text").val(); 
        var yarry = ytext.splIT("/n"); 
        var ycount = yarry.length; 
        var x =ycount-1; 
        var sum=""; 
        for(i=x;i>=0;i--){ 
            var na = yarry[i]; 
            var sum = sum+na; 
            if(i>0){ 
                sum=sum+"/r/n";  
            } 
        } 
        $(".text").val(sum); 
    }); 
}); 
</script> 
<style type="text/css"> 
p { width:200px; padding:10px; border:1px solid #000; margin:200px auto;} 
.text { width:200px; height:300px; reSize:none;} 
.btn { width:100px; height:20px; margin:20px 0 0;} 
</style> 
<title>反转文本顺序</title> 
</head> 
 
<body> 
<p> 
    <textarea class="text"></textarea> 
    <input type="button" value="反序" class="btn" /> 
</p> 
</body> 
</html> 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
 $(".btn").click(function(){
  var ytext = $(".text").val();
  var yarry = ytext.split("/n");
  var ycount = yarry.length;
  var x =ycount-1;
  var sum="";
  for(i=x;i>=0;i--){
   var na = yarry[i];
   var sum = sum+na;
   if(i>0){
    sum=sum+"/r/n"; 
   }
  }
  $(".text").val(sum);
 });
});
</script>
<style type="text/css">
p { width:200px; padding:10px; border:1px solid #000; margin:200px auto;}
.text { width:200px; height:300px; resize:none;}
.btn { width:100px; height:20px; margin:20px 0 0;}
</style>
<title>反转文本顺序</title>
</head>

<body>
<p>
 <textarea class="text"></textarea>
 <input type="button" value="反序" class="btn" />
</p>
</body>
</html>


 

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-一天一个js(1)反转文本顺序全部内容,希望文章能够帮你解决javascript代码实例教程-一天一个js(1)反转文本顺序所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。