用JavaScript编写字符串大小写转换

这里简单用到按钮的单击时间，根据用户传递参数的不同，完成字符串大小写的转换。

实现准备思想：
首先，编写一个text输入框，用来接受输入数据，当输入字符串为英文字母时，单击转大写按钮，就会在新数据的这个文本框给输出出来，显示的全为大写字母，反之全为小写字母。

实现原理：
单击“转大写”按钮时，调用JavaScript的自定义函数deal（）并传递实参upper表示转大写，在switch...case语句中捕获后即实现字符串的大写转换，反之，单击“转小写”按钮时，传递实参lower，实现转小写功能。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>字符串大小写转换</title>
</head>
<body>
<h2>大小写转换</h2>
原数据:<input id ="old" type="text">
<br />
<br />
<br />
操作:
<input type="button" value="转大写" onclick="deal('upper')">    //让字符串都变成大写的按钮
<input type="button" value="转小写" onclick="deal('lower')">    //让字符串都变成小写的按钮
<br />
<br />
<br />
新数据:
<input id="new" type="text">   //输出新数据
<script>function deal(opt){var str = document.getElementById('old').value;switch(opt){case 'upper':  //检测单击转大写按钮str =str.toUpperCase();break;case 'lower':  //检测单击转小写按钮str =str.toLowerCase();break;}document.getElementById('new').value =str;}
</script>
</body>
</html>

实现结果截图：

转大写：

转小写：

用JavaScript编写字符串大小写转换相关推荐

Java对于字符串的处理【String和int之间的转换、字符串拼接、字符串获取长度、字符串大小写转换、字符串去空格、字符串分割、字符串替换、字符串提取、字符串比较、字符串查找】
文章目录 String字符串和整型int 的相互转换 String转化为int int 转换为 String 字符串拼接使用连接运算符 "+" 使用 concat() 方法 ...
python判断字符大小写转换_Python 字符串大小写转换的简单实例
①所有字母都转换为大写 # -*- coding:utf-8 -*- if __name__ == "__main__": a = 'hello, world!' print(a. ...
php 兼容unicode文字的字符串大小写转换,php实现兼容Unicode文字的字符串大小写转换strtolower()和strtoupper()...
前言网上流传着这么一个腾讯笔试题: PHP的strtolower()和strtoupper()函数在安装非中文系统的服务器下可能会导致将汉字转换为乱码,请写两个替代的函数实现兼容Unicode文字的 ...
python中字符串的使用04字符串大小写转换、删除空白字符
python中字符串的使用04字符串大小写转换.删除空白字符 1.字符串的大小写转换字符串的大小写转换就是将大写字母改为小写字母或者将小写字母改为大写字母.python中字符串大小写转换的方法有:用 ...
php实现兼容Unicode文字的字符串大小写转换strtolower()和strtoupper()
前言网上流传着这么一个腾讯笔试题: PHP的strtolower()和strtoupper()函数在安装非中文系统的服务器下可能会导致将汉字转换为乱码,请写两个替代的函数实现兼容Unicode文字的 ...
linux bash shell:最方便的字符串大小写转换(lowercase/uppercase conversion)
关于字符串大小写转换,是写 linux 脚本经常干的事儿,所以总想找个方便的方法让我少打点字儿,搜索国内的中文资源,网上也能找到很多关于这个帖子,介绍的方法都差不多,用typeset是最简单的方法了, ...
js字符串大小写转换
js字符串大小写转换语法全部转换成大写全部转换成小写语法 toLowerCase() 和 toUpperCase() 方法可以改变大小写; 全部转换成大写 console.log('Inter ...
编写一个大小写转换的javascript程序
好的,我可以帮助你编写一个 JavaScript 程序来实现大小写转换. 首先,我们需要获取要转换的字符串.这可以通过用户输入或从文件中读取来实现.例如,你可以使用 prompt 函数获取用户输入,或 ...
字符串大小写转换html,用JavaScript将字符串进行大小写转换的方法
用JavaScript将字符串进行大小写转换的方法发布时间:2020-08-31 11:58:46 来源:亿速云阅读:201 作者:小新这篇文章主要介绍了用JavaScript将字符串进行大小写 ...

用JavaScript编写字符串大小写转换

用JavaScript编写字符串大小写转换相关推荐

最新文章

热门文章