脚本宝典收集整理的这篇文章主要介绍了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,请注明来意。