字符串 js应用

最新推荐文章于 2022-03-04 13:00:41 发布
最新推荐文章于 2022-03-04 13:00:41 发布
阅读量80 收藏
点赞数 1
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40891002/article/details/106367112
版权

有了上次的写法经验这个就比较快了，上代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>字符串相关</title>
	</head>
	<body>
		
		<div>
    <label>String A:
        <input id="radio-a" type="radio" checked="true" name="str-obj" value="a">
    </label>
	
    <textarea id="str-a"></textarea>
	
    <label>String B:
        <input id="radio-b" type="radio" name="str-obj" value="b">
    </label>
	
    <textarea id="str-b" ></textarea>   
		 
    <label>Num A：<input id="num-a" type="number" value="0"></label>
	
    <label>Num B：<input id="num-b" type="number" value="1"></label>
</div>
<div>
    <button id="1">获取当前选中输入的内容长度</button>
    <button id="2">当前选中输入中的第3个字符</button>
    <button id="3">把两个输入框的文字连接在一起输出（concat）</button>
    <button id="4">输入B中的内容，在输入A的内容中第一次出现的位置（indexOf）</button>
    <button id="5">输入A中的内容，在输入B的内容中最后一次出现的位置（lastIndexOf）</button>
    <button id="6">使用slice获取选中输入框内容的部分内容，参数为num-a及num-b</button>
    <button id="7">当前选中输入框的行数</button>
    <button id="8">使用substr获取选中输入框内容的子字符串，参数为num-a及num-b</button>
    <button id="9">把所选输入框中的内容全部转为大写</button>
    <button id="10">把所选输入框中的内容全部转为小写</button>
    <button id="11">把所选输入框中内容的半角空格全部去除</button>
    <button id="12">把所选输入框中内容的a全部替换成另外一个输入框中的内容</button>
</div>
<p id="result"></p>
<script>
	var A=document.getElementById('radio-a');
	var Avalue=document.getElementById('str-a');
	var B=document.getElementById('radio-b');
	var Bvalue=document.getElementById('str-b');
	var c=document.getElementById('num-a');
	var d=document.getElementById('num-b');
	var result=document.getElementById('result');


	function getchecked(){
		if(A.checked==true){
			return Avalue;
		}
		if(B.checked==true){
			return Bvalue;
		}
	}
	function contentlength(){
		var str=getchecked().value;
		result.innerHTML=str.length;
	}
	document.getElementById('1').addEventListener('click',contentlength);
	function insertthird(){
		var str=getchecked().value;
		result.innerHTML=str.charAt(2);
	}
	document.getElementById('2').addEventListener('click',insertthird);
	function connect(){
		result.innerHTML=Avalue.value.concat(Bvalue.value);
	}
	document.getElementById('3').addEventListener('click',connect);
	function gn4(){
		var str=Bvalue.value;
		var str1=Avalue.value;
		result.innerHTML=str.indexOf(str1);
		
	}
	document.getElementById('4').addEventListener('click',gn4);
	function gn5(){
		var str=Bvalue.value;
		var str1=Avalue.value;
		result.innerHTML=str.lastIndexOf(str1);
	}
	document.getElementById('5').addEventListener('click',gn5);
	function getslice(){
		var str=getchecked().value;
		result.innerHTML=str.slice(c.value,d.value);
	}
	document.getElementById('6').addEventListener('click',getslice);
	function getlineNum(){
		var str=getchecked().value;
		result.innerHTML=str.lineCount();
	}
	 String.prototype.lines = function () { return this.split(/\r*\n/); }
     String.prototype.lineCount = function () { return this.lines().length; }
	document.getElementById('7').addEventListener('click',getlineNum);
	function sonstr(){
		var str=getchecked().value;
		result.innerHTML=str.substring(c.value,d.value);
	}
	document.getElementById('8').addEventListener('click',sonstr);
	function maxwrite(){
		var str=getchecked().value;
		result.innerHTML=str.toUpperCase();
	}
	document.getElementById('9').addEventListener('click',maxwrite);
	function minwrite(){
		var str=getchecked().value;
		result.innerHTML=str.toLowerCase();
	}
	document.getElementById('10').addEventListener('click',minwrite);
	function corner(){
		var str=getchecked().value;
		str=str.replace(" ","");
	}
	document.getElementById('11').addEventListener('click',corner);
	function getcp(){
		var str=getchecked();
		if(str.id=='str-a'){
			Bvalue.value=getchecked().value;
		}
		else{
			Avalue.value=getchecked().value;
		}
	}
	document.getElementById('12').addEventListener('click',getcp);
</script>
</body>
</html>

 还是觉得命名不太会命名，以及代码的重复有点高，可以更好的优化一下，明日继续

 

qq_40891002
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript 格式字符串的应用
10-29
在使用JavaScript中的Date对象时，有一个常用的操作就是输出。但Date对象自带的toString()方法输出的格式并不能满足用户多样化的需求。我在想，是不是可以将C#中DateTime.ToString(string format)方法的形式引入到...
JavaScript _ 字符串
Mr.小灰狼_随笔
08-20 1706
JavaScript _ 字符串 目录 1、初识字符串 2、字符串的基本操作 3、字符集 -ASCII 编码 4、字符串常用方法 1. toLowerCase( ) 2. toUpperCase( ) 3. charAt( ) 4. charCodeAt( ) 5. substr( ) 6. substring( ) 7. slice( ) 8. split( ) 9. replace( ) 10. trim( ) 11. trimStart( ) / trimLeft( ) 12. trimEnd( )
react--模板字符串的应用
ZhaoYulin6的博客
05-14 1524
1.变量名作为属性值： 使用中括号 var selected_item = { [type[0]]:true, [type[1]]:false, }; 2.属性值嵌套模板字符串 var selected_item = { [`type[${key}]`]:true [type[1]]:false, }; 打印结果: 3.模板字符串嵌套三元运算符 let rge = `历年${props.range[0]}月${props.range[0] !== props
Javascript入门阶段——字符串拼接和变量的应用
weixin_44944193的博客
11-13 5249
1. 课程大纲 字符串拼接（+）的学习和应用 坐标变换在飞机大战游戏中的应用 2.1 字符串的拼接 在JS中使用“+"号，连接字符串、变量、数值等。 2.2 在警告框上显示朋友的数量 在警告框上显示朋友的数量，显示效果如下 声明变量 friends表示朋友的数量，在警告框上显示“我的朋友数量为：7",使用字符串拼接符"+" ,代码如下‘ var friends = 7; alert("我的朋友数量为:" +friends); 1 2 2.3 在警告框上显示自己的年龄 声明变量age，
JavaScript模板字符串
热门推荐
CSPsy的博客
02-13 1万+
JavaScript模板字符串 字符串插值 模板字符串标签函数
js查找html里面的字符串,JS字符串查找（6种方法）
weixin_42517019的博客
06-23 2732
在开发中经常需要检索字符串、查找特定字符串。用户可以选用下面的方法执行对应的操作，说明如表所示。String 类型的查找字符串方法字符串方法说明charAt()返回字符串中的第n个字符charCodeAt()返回字符串中的第n个字符的代码indexOf()检索字符串lastIndexOf()从后向前检索一个字符串match()找到一个或多个正则表达式的匹配search()检索与正则表达式相...
Javascript字符串变量类型
cunjiu9486的博客
10-10 781
While developing Javascript applications we generally need some type that can hold text and string data. We call this type of variable as a string. The string can hold names, street info, paragraph, e...
JavaScript 字符串插值
allway2的博客
03-04 4539
当您需要添加 JavaScript 变量值和表达式来完成字符串时，您的第一个直觉可能是使用一元运算符连接字符串+，如下例所示： const name = "Nathan"; const age = 29; console.log("My name is " + name + " and I'm " + age + " years old."); // "My name is Nathan and I'm 29 years old." But JavaScript ES6 actually provid
js替换html中的字符串,js怎么替换字符串？
weixin_42531886的博客
06-24 2027
在js中，可以使用str.replace()方法来替换字符串。replace()方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串；然后返回一个新的字符串。replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。语法：stringObject.replace(regexp/substr,replacement)返回值一个新的字符串...
js基础字符串方法应用
lhz12的博客
12-21 112
js基础字符串应用 字符串方法: 1.charAt 作用:返回字符串第几个字符 2.charCodeAt 作用：返回字符串中第几个字符的unicode代码 3.formCharCode 作用：根据字符串编码创建字符串 4.indexOf 作用：查找所指定元素首次出现的位置 5.lastIndexOf 作用：查找所指定元素从后往前首次出现的位置 6.match 作用：找到一个或多个正则表达式的匹配 7.search 作用：检索字符串中与正则表达式匹配的子串 8.replace 作用：替换一个与
js去掉字符串中html,js中去除字符串中所有的html标签
weixin_39796652的博客
06-21 1237
对于获取了一大堆字符串但是又不想要里面的html标签怎么办？特别是像博客园这个富文本框中，可以带样式的，取出来的文章内容也是带样式的。但是在某些地方只要显示文本不想显示其他标签，只好这样做。$(function(){var list = $(".zhaiyao");//获取class所有元素for(var i = 0 ; i< list.length ; i ++ ){var s = $(l...
JS常用字符串处理方法应用总结
10-25
主要总结了JS常用字符串的处理方法,需要的朋友可以参考下
JavaScript 字符串操作的几种常见方法
10-29
JavaScript 操作字符串的几种常见方法，需要的朋友可以参考下。
JavaScript数字和字符串转换示例
10-26
主要介绍了JavaScript数字和字符串转换的应用,需要的朋友可以参考下
javascript中数组和字符串的方法对比
12-11
前面的话 字符串和数组有很多的相同之处，...不仅如此，字符串的行为类似于数组的事实使得通用的数组方法可以应用到字符串上 如果参数超出范围或是NaN时，则输出undefined var str = "hello"; console.log(str[0]);//
标签栏切换效果
qq_40891002的博客
06-03 4570
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>标签栏切换效果</title> <style> body{ margin: 0px; padding: 0px; } .tab-box{ width: 383px; border-top: 2px solid goldenrod; margin:.
用js实现转换字母大小写
qq_40891002的博客
05-16 2525
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>大小写转换</title> </head> <body> <p>原数据：<input id="old" type="text"></p> <p>操作:<button type="button" value="转大写" .
不同时间输出不同问候语
qq_40891002的博客
05-17 1398
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>不同时间不同问候语</title> </head> <body> <script> var d=new Date(); var time=d.getHours(); if (time<10) { document.write(.
验证用户名和密码是否为空
qq_40891002的博客
05-23 697
<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>验证用户名和密码是否为空</title> <style> body{background:red;} .box{ background:#fff; padding:20px 30px; width:400px; margin: 0 auto; ..
js 正则匹配字符串
最新发布
08-25
你好！要使用 JavaScript 的正则表达式来匹配字符串，可以使用 `match()` 方法。下面是一个例子： ```javascript const str = "Hello, World!"; const pattern = /Hello/; const result = str.match(pattern); console.log(result); // 输出 ["Hello"] ``` 在上面的例子中，我们定义了一个字符串 `str` 和一个正则表达式模式 `/Hello/`。然后使用 `match()` 方法将模式应用于字符串，返回匹配到的结果数组 `["Hello"]`。 你也可以使用其他正则表达式方法，如 `test()` 来检测字符串是否符合模式，或者 `replace()` 来替换匹配到的字符串。 希望能帮到你！如果你还有其他问题，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值