3、字符串模板以及字符串新增

字符串模板  ``    优点可以随意换行

	
	<input type="button" id="aaa" value="aaaaa" />
		<input type="button" name="" id="" value="bbbb" />
		<input type="button" id="" value="cccc" />
		
		
		<ul class="oul">
			
		</ul>


let data = [
				{con:'习近平参加重庆代表团审议',read:100},
				{con:'习近平在重庆代表团谈“政德”的深意',read:10540},
				{con:'法治德治并举,确保政治生态风清气正',read:40},
			]
				
			let oUl =document.querySelector('.oul');
			for(let i = 0; i<data.length; i++){
				let oli = document.createElement('li');
				/*oli.innerHTML = `<span>要闻:</span>${data[i].con},阅读人数:${data[i].read}`;*///ES6
				
				oli.innerHTML = '<li>要闻:'+data[i].con+',阅读人数:'+data[i].read+'</li>';  //es5
				oUl.appendChild(oli);
			}

关于字符串的一些方法

        字符串查找:

                       let  str = "apple banner orange"
			
			console.log(str.indexOf('banner'))  //indexOff返回找到字符串的位置,如果没有则返回-1;
			
			/*str.includes(检测字符串)*/
			
			//alert(str.includes('banner'));  //判断是否在字符串中是否存在  返回值为 tre/false
			
			//可用于判断浏览器:
			
			if(navigator.userAgent.includes('Chrome')){
				alert(true);
			}else{
				alert(false)
			}
			
			/*判断字符串以什么开头  str.startsWith(检测字符串)    以什么结尾   str.endsWith(检测字符串) 返回值为true/false*/
			
			/*重复字符串  str.repeat(次数)*/
			console.log(str.repeat(3))
			
			/*填充字符串    从开头填充 str.paStart(整个字符串长度,被填充的字符)  在结尾填充   str.endStart()*/
			let str2 = '222'
			console.log(str.padStart(str.length+str2.length,str2))



猜你喜欢

转载自blog.csdn.net/memedadexixaofeifei/article/details/79462271
今日推荐